javascript - Angular 1.x Ng-If 语句适用于 && 但不适用于 ||，为什么？

Question

有一个 ng-if 链接来显示按钮:

<button ng-if="myOwnProfile == false || AreWeFriends == false" class="btn btn-default" ng-click="connect($id)">connect</button>

我希望它显示其中一个是否为假；但是，使用此代码 myOwnProfile 永远不会被评估并且不起作用。应该发生的情况(当我单独拥有每个语句时，这会起作用)是，如果用户正在查看自己的个人资料，则按钮会消失；如果用户不是某人的“ friend ”，则会显示按钮。

语句本身工作得很好，但是当我使用 || 时，它拒绝工作:(当我使用“&&”语句时，它们确实会正确评估；然而，为什么当使用“and”时这个逻辑会起作用呢？我想做一个非此即彼的选择。

Answer 1

不显示的条件:自己的个人资料并且是好友

所以显示的条件:不是自己的个人资料或 friend

angular.module('app', []).controller('myCtrl', function($scope) {
  $scope.myOwnProfile = true;
  $scope.AreWeFriends = true;
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="myCtrl"><button ng-if="myOwnProfile == false || AreWeFriends == true" class="btn btn-default" ng-click="connect($id)">connect</button>
  <button ng-click="myOwnProfile = !myOwnProfile">My Own Profile</button>
  <button ng-click="AreWeFriends = !AreWeFriends">AreWeFriends</button>

  <div>
    myOwnProfile: {{ myOwnProfile }} <br> AreWeFriends: {{ AreWeFriends }}
  </div>
</div>