如何在angularJS中有条件地执行ng-include?
例如,如果变量x
设置为true
,我只想包含一些内容。
<div ng-include="/partial.html"></div>
发布于 2013-04-13 00:18:09
你也可以这样做
<div ng-include="getInclude()"></div>
在你的控制器中
$scope.getInclude = function(){
if(x){
return "partial.html";
}
return "";
}
发布于 2014-04-26 18:07:43
其中一个答案的可读性更强一点。另外,将ng-include
设置为null
会删除该元素-就像ng-if
一样。
<div ng-include="x ? 'true-partial.html' : null"></div>
发布于 2014-01-25 04:18:13
如果条件足够简单,您还可以将条件逻辑直接放在ng-include表达式中:
<div ng-include="x && 'true-partial.html' || 'false-partial.html'"></div>
注意,表达式x
不是用单引号引起来的,因此进行了计算。有关更多详细信息,请参阅http://plnkr.co/edit/4fvNDa6Gm3dbVLgsAZrA。
https://stackoverflow.com/questions/15974086
复制相似问题