使用带有ng-repeat的if语句的AngularJS

时间:2017-10-19 14:38:19

标签: javascript angularjs

我是棱角分明的新人 我想检查channel=='new'之类的情况,并想打印"will be available asap"

<div ng-repeat="channel in channels">
        <label>
            <input type="checkbox"  ng-model="answer.content.args.channels[channel]"> {{channel}}
        </label>
    </div>

我试图用ng-if="channel == 'new'"来解决它,但它对我不起作用。

3 个答案:

答案 0 :(得分:2)

很难理解你正在尝试做什么,但我假设你想要展示&#34;将尽快出现&#39;如果频道是新的,还有其他一些文字。你可以这样做:

<input type="checkbox" ng-model="answer.content.args.channels[channel]"> {{channel === 'new' ? 'will be available asap' : 'some other text here'}} </input

答案 1 :(得分:0)

表达式(我们检查的内容)和赋值之间存在差异:double / triple =。通过赋值,我们将值设置为某个值,使用表达式对它们进行比较。

您应该将表达式更改为ng-if="channel == 'new'"

最重要的是,ng-ifng-show慢很多,因此您可能希望使用它。此外,如果您有'new'之外的多个条件(例如'old'),则可以使用ng-switch并选择ng-switch-when="new"的替代选项

答案 2 :(得分:0)

嗯,你不能在你的内部添加一个<label>和一个ng-if指令并输入下一个条件:ng-if =&#34; channel ==&#39; new&#39;&# 34 ;.代码如下:

 <label ng-if="channel == 'new'"> will be available asap </label>