AngularJS ng-if 和范围

Question

这个问题在这里已经有了答案:





What are the nuances of scope prototypal / prototypical inheritance in AngularJS?

(3 个回答)


2年前关闭。




我正在尝试了解 ng-if 和范围。据我所知， ng-if 创建了一个新的子范围。这是我的问题:

看法

<input ng-model="someValue1" />
<div ng-if="!someCondition">
    <input ng-model="$parent.someValue2" />
</div>

Controller

$scope.someCondition = true;

if ($scope.someCondition) {
    $scope.someValue2 = $scope.someValue1;        
}

如果 someCondition 设置为 true，那么 someValue2 应该与 someValue1 相同。

我的问题是在两种情况下(真或假)我都无法访问 someValue2 。我怎么能做到这一点？

Answer 1

是的，ng-if创建一个新的子范围

观看 ng-if 中的模型属性，经验法则是:

请勿将示波器用作模型

例如

ng-if='showStuff' //here my scope is model **INCORRECT**
ng-if='someObject.showStuff' // ** CORRECT **

在 ng-model 中使用对象属性 - 然后，即使 ng-if创建新的子范围，父范围将进行更改。

要查看工作中的 Plunker，请看这里: http://jsfiddle.net/Erk4V/4/