允许大写和小写在ng-if内

时间:2018-01-08 04:42:02

标签: javascript jquery angularjs

我有这样的条件

<table   ng-if="name=='john' && name=='MARK'">
//rest of the code
</table>

当ng-if为true时,我的代码将执行。

现在我的疑问是,即使名字大写和小写,ng-if也应该是真的。

<table   ng-if="name=='JOhN' && name=='maRK'">
    //rest of the code
    </table>

有可能吗? 我也尝试使用if-else条件。

if(name.toString()='john'){
alert('success')
}
else{
alert('failure')
}

这是对的吗?

3 个答案:

答案 0 :(得分:5)

试,

<table   ng-if="name.toLowerCase()=='john' && name.toLowerCase()=='mark'">
//rest of the code
</table>

或使用角度lowercase过滤器

<table   ng-if="(name| lowercase) =='john' && (name | lowercase)=='mark'">
   //rest of the code
</table>

答案 1 :(得分:2)

我知道这已被回答并加入了,但是我会用函数执行它,然后返回检查给定名称数组给出的名称的结果。这样 - 将来更改名称或根据需要添加其他名称更容易。

//html
<table   ng-if="checkName(name)">
   //rest of the code
</table>


//js 
checkName(name){
  let acceptedNames = ['john','mark'];
  let nameStr = name.lowerCase();
  let result = false;
  if(acceptedNames.indexOf(nameStr) > -1 ){result = true};
  return result;
}

答案 2 :(得分:1)

更好的方法是使用过滤器 | uppercase) 将两个值转换为相同的大小写并进行比较