为什么子元素在ng-if div中不显示？

Question

我有一个ng-if div，如下所示：

<div ng-if="colorSelected" ng-cloak>
  <h6>My Color</h6>
</div>

当colorSelected为真时，内部标题元素永远不会显示。难道我做错了什么？

Answer 1

使用ng-show代替ng-if。

ng-if创建它自己的范围，因此您在ng-if中使用的任何范围变量都将与不同的范围相关。例如......

<div ng-if='selectedColors'>
  {{iAmDefinedInAController}}
</div>

变量'iAmDefinedInAController'即使在控制器中定义也将为空，因为在ng-if中创建了新的范围。

ng-show不会这样做，所以只要使用它就可以了。

Answer 2

应该说出来。

可能是你的模态＆＃39; colorSelected＆＃39;没有绑定。

使用＆＃34; ng-if = true＆＃34;并查看它是否有效