角度ng-if在自建组件内部不起作用

Question

我突然明白了为什么＆＃39; ng-if＆＃39;不会对元素起作用。我知道ng-if =＆＃34; true＆＃34;看起来很奇怪，我只想强调问题不在于表达。我做错了什么？

<div ng-init="model.class = $parent.model.setClass.next().value" class="soldier" ng-class="{ '{{model.class}}':true }" ng-if="true">
</div>

以下是示例的链接：https://jsfiddle.net/z38me4fq/

如果省略＆nbsp; ng-if＆＃39;你会看到出现的指令

Answer 1

我认为由于某种原因，ng-if会创建一个新的子范围。所以现在如果我想要使用方法，我必须使用另一个＆＃39; $ parent＆＃39;，以便初始化model.class属性。

<div ng-init='model.class = $parent.$parent.setClass.next().value' class='soldier' ng-class='model.class' ng-if='true'></div>

这就是我的所作所为：     https://jsfiddle.net/z38me4fq/1/