首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >条件ng-包含在angularjs中

条件ng-包含在angularjs中
EN

Stack Overflow用户
提问于 2013-04-12 22:32:43
回答 4查看 75.5K关注 0票数 94

如何在angularJS中有条件地执行ng-include?

例如,如果变量x设置为true,我只想包含一些内容。

代码语言:javascript
复制
<div ng-include="/partial.html"></div>
EN

回答 4

Stack Overflow用户

发布于 2013-04-13 00:18:09

你也可以这样做

代码语言:javascript
复制
<div ng-include="getInclude()"></div>

在你的控制器中

代码语言:javascript
复制
$scope.getInclude = function(){
    if(x){
        return "partial.html";
    }
    return "";
}
票数 68
EN

Stack Overflow用户

发布于 2014-04-26 18:07:43

其中一个答案的可读性更强一点。另外,将ng-include设置为null会删除该元素-就像ng-if一样。

代码语言:javascript
复制
<div ng-include="x ? 'true-partial.html' : null"></div>
票数 16
EN

Stack Overflow用户

发布于 2014-01-25 04:18:13

如果条件足够简单,您还可以将条件逻辑直接放在ng-include表达式中:

代码语言:javascript
复制
<div ng-include="x && 'true-partial.html' || 'false-partial.html'"></div>

注意,表达式x不是用单引号引起来的,因此进行了计算。有关更多详细信息,请参阅http://plnkr.co/edit/4fvNDa6Gm3dbVLgsAZrA

票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15974086

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档