Angular Ng-if vs Ng-include

时间:2015-11-18 18:10:18

标签: angularjs

最好在路线视图上使用

obj = { contact:true,about:false };
<div ui-view="contact" ng-if="obj.contact"></div>
<div ui-view="about" ng-if="obj.about"></div>

<div ui-view="contact" ng-include="obj.contact"></div>
<div ui-view="about" ng-include="obj.about"></div>

两者都做同样的工作在主html上带来模板。

其中哪一种更适合这种情况,为什么?

2 个答案:

答案 0 :(得分:3)

ng-include用于包含外部HTML模板,而不是有条件地隐藏/显示内容。在这种情况下,ng-if是正确的。

https://docs.angularjs.org/api/ng/directive/ngInclude

答案 1 :(得分:0)

ng-include的性能受到重创。

看看这个: Avoiding ng-include for Elegance and Performance