javascript - html angularjs中的if语句

标签 javascript angularjs

我有一个表,我想写基本的if声明为<td> .

<tbody>
<tr ng-repeat="item in pagedItems[currentPage]">
  <td>{{item.id}}</td>
  <td>{{(item.name == "name 12" && 'xxx') || item.name}}</td>
  <td>{{item.description}}</td>
  <td>{{item.field3}}</td>
  <td>{{item.field4}}</td>
  <td>{{item.field5}}</td>
</tr>
</tbody>

我尝试做的是:if item.name == "name 12" => 设置空字符串,否则保持原样。

类似的事情:

 <td>{{(item.name == "name 12" && '') || item.name}}</td>

但是,只有当我输入像 'xxx' 这样的字符串时它才有效。就我而言,但是 ''它不起作用。

这是 Fiddle 中的演示

最佳答案

Angular added the ternary (conditional) operator in 1.1.5 (test ? ifTrue : ifFalse) 您可以像这样使用:

<td>{{((item.name == "name 12") ? "" : item.name)}}</td>

其中,如果 (item.name == "name 12") 为 true 将返回 "",如果为 false 将返回 item.name

updated fiddle

关于javascript - html angularjs中的if语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20588951/

相关文章:

javascript - 从外部 Angular Controller 访问变量

javascript - 上传 Node 请求-响应响应到 MongoDB

javascript - 添加 $id = $_GET ['student_id' ];并显示所有相同的id

javascript - JQuery datepicker 月份下拉边框在 firefox 中显示不正确

javascript - AngularJS 中的下拉菜单

angularjs - 如何让 ngInfiniteScroll 通过createdAt 降序检索数据

javascript - Angularjs - 如何 'ng-repeat' 'value in ng-model' 次 div?

javascript - 如何在延迟 2 秒后触发 $watch 或执行范围订阅属性的最后一个条件?

javascript - 如何拦截提交表单?

javascript - Google +1 计算我的主页而不是所有子页面?