首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >具有多个条件的AngularJS ng-if

具有多个条件的AngularJS ng-if
EN

Stack Overflow用户
提问于 2013-12-01 04:01:26
回答 3查看 580.8K关注 0票数 158

我想知道是否有可能有这样的东西:

代码语言:javascript
复制
div ng-repeat="(k,v) in items"
<div ng-if="k == 'a' || k == 'b'">
    <!-- SOME CONTENT -->
</div>

我知道items是一个通过请求接收的JSON容器,这就是我使用key,value方法的原因。

谢谢

我之所以问这个问题,是因为我试过用谷歌搜索它,但我能得到的唯一结果是ng-switch,但我不得不使用ng-if

EN

回答 3

Stack Overflow用户

发布于 2018-05-15 15:12:23

如果两个条件都是真的而不是工作,也可以尝试使用&&进行强制强制

代码语言:javascript
复制
//div ng-repeat="(k,v) in items"

<div ng-if="(k == 'a' &&  k == 'b')">
    <!-- SOME CONTENT -->
</div>
票数 1
EN

Stack Overflow用户

发布于 2019-02-06 16:37:01

HTML代码

代码语言:javascript
复制
<div ng-app>
<div ng-controller='ctrl'>
    <div ng-class='whatClassIsIt(call.state[0])'>{{call.state[0]}}</div>
    <div ng-class='whatClassIsIt(call.state[1])'>{{call.state[1]}}</div>
    <div ng-class='whatClassIsIt(call.state[2])'>{{call.state[2]}}</div>
    <div ng-class='whatClassIsIt(call.state[3])'>{{call.state[3]}}</div>
    <div ng-class='whatClassIsIt(call.state[4])'>{{call.state[4]}}</div>
    <div ng-class='whatClassIsIt(call.state[5])'>{{call.state[5]}}</div>
    <div ng-class='whatClassIsIt(call.state[6])'>{{call.state[6]}}</div>
    <div ng-class='whatClassIsIt(call.state[7])'>{{call.state[7]}}</div>
</div>

JavaScript代码

代码语言:javascript
复制
function ctrl($scope){
$scope.call={state:['second','first','nothing','Never', 'Gonna', 'Give', 'You', 'Up']}


$scope.whatClassIsIt= function(someValue){
     if(someValue=="first")
            return "ClassA"
     else if(someValue=="second")
         return "ClassB";
    else
         return "ClassC";
}
}
票数 0
EN

Stack Overflow用户

发布于 2019-02-06 16:43:55

JavaScript代码

代码语言:javascript
复制
function ctrl($scope){
$scope.call={state:['second','first','nothing','Never', 'Gonna', 'Give', 'You', 'Up']}


$scope.whatClassIsIt= function(someValue){
     if(someValue=="first")
            return "ClassA"
     else if(someValue=="second")
         return "ClassB";
    else
         return "ClassC";
}
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20305012

复制
相关文章

相似问题

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