ng-if怎么设置多个判断条件

前提条件如下,我先调用一个接口,然后读取接口返回的列的配置信息,通过列定义,查看ifColumnSort属性判断是否排序,值为1,则显示排序按钮,调用接口后,转换排序按钮为降序,再次点击,转换排序按钮为升序排序,这里写的接口会跟之前的指令中的筛选进行冲突,使用ng-if需要进行判断,分为四种情况:

  • 无过滤,无排序;
  • 无过滤,有排序;
  • 有过滤,无排序;
  • 有排序,有过滤;

一. 存在的疑惑:

1.1 一个标签中可以有多个ng-if么?

答案显然是, 不可以,不信你试试,就像你写多个 class,style,都是有问题的;

1.2 只有一个ng-if,存在多个判断条件应该怎么写?

类似与js中的 if多条件判断,示例如下:

var name = "adminZz";
var sex = "male";

if(name!=null && name!="" && sex !="female") {
         console.log("进入下一步选择条件匹配");
}

类比这js的写法,在angular中的写法如下,测试结果如图:

  • 定义两个变量,通过判断两者的Boolean值进行控制显示和隐藏


    ng-if怎么设置多个判断条件_第1张图片
  • ng-if使用与或,进行多条件的组合判断


    ng-if怎么设置多个判断条件_第2张图片
  • 测试结果如下:


    ng-if怎么设置多个判断条件_第3张图片

二. 以上测试,可知ng-if可进行多条件组合判断,只要最后的结果为真,就显示,否则不显示

2.1 应用于任务中的判断如下
ng-if怎么设置多个判断条件_第4张图片

你可能感兴趣的:(ng-if怎么设置多个判断条件)