AngularJS中的級聯表達與ng-show一起使用，但不與ng-if一起使用

Question

如果我使用ng-show顯示部分而不是所需的ng-if下面的代碼塊可以工作

<div ng-controller="nullController">
  <button ng-click="p = 1">click to reveal next</button>
</div>

<div ng-show="$$prevSibling.p == 1" ng-controller="nullController">
  <div>Appears based on previous sibling state</div>
  <button ng-click="p = 1">click to reveal next</button>
</div>

<div ng-show="$$prevSibling.p == 1" ng-controller="nullController">
  <div>Appears based on previous sibling state</div>
  <button ng-click="p = 1">click to reveal next</button>
</div>

請參閱Plunker ng-show

請參閱Plunker ng-if

更新：有人指出木板中的angularjs lib的版本沒有ng-if。 現在我已更新使用1.2.x問題然而沒有消失。

Answer 1

您正在使用angularjs 1.0.1 ！

ng-if在這個舊版本中還不存在。

只有1.1.5以上版本才能處理ng-if指令。

你真的應該為你的plunkr選擇這個版本（最新的穩定版本）：

<script data-require="angular.js@1.2.16" data-semver="1.2.16" src="https://code.angularjs.org/1.2.16/angular.js"></script>

這里有更多官方數據顯示ngIf自1.1.5起可用。

此外，請注意ngIf創建一個新的子范圍。 實際上，它需要這種機制才能實現從DOM中刪除組件。 ng-show不需要它，因為它只是隱藏內容。

因此， $$prevSibling不會以預期范圍為目標，因為從范圍層次結構中的更深范圍調用。