带有多个参数的Angular ng-if =""

Dav*_*son 85 javascript angularjs angular-ng-if

我正在尝试开始角度开发.在审阅文档后,一些问题仍然存在.我如何最好ng-if用多个参数写一个对应的

if( a && b) 要么 if( a || b )

jav*_*ity 151

有可能的.

<span ng-if="checked && checked2">
  I'm removed when the checkbox is unchecked.
</span>
Run Code Online (Sandbox Code Playgroud)

http://plnkr.co/edit/UKNoaaJX5KG3J7AswhLV?p=preview


Chr*_*ris 10

只是为了澄清,请注意支架放置很重要!

这些可以添加到任何 HTML 标签中……span、div、table、p、tr、td 等。

AngularJS

ng-if="check1 && !check2" -- AND NOT
ng-if="check1 || check2" -- OR
ng-if="(check1 || check2) && check3" -- AND/OR - Make sure to use brackets
Run Code Online (Sandbox Code Playgroud)

角2 +

*ngIf="check1 && !check2" -- AND NOT
*ngIf="check1 || check2" -- OR
*ngIf="(check1 || check2) && check3" -- AND/OR - Make sure to use brackets
Run Code Online (Sandbox Code Playgroud)

最好不要直接在 ngIfs 中进行计算,所以在你的组件中分配变量,并在那里执行任何逻辑。

boolean check1 = Your conditional check here...
...
Run Code Online (Sandbox Code Playgroud)


Bre*_*lfe 8

对于那些希望使用多个'或'值的语句的人.

<div ng-if="::(a || b || c || d || e || f)"><div>
Run Code Online (Sandbox Code Playgroud)