javascript - 带有 ng-repeat 的条件 HTML

Question

这是代码：

tr.row(ng-class="{editing: is_dirty(p)}" ng-repeat="p in persons")
 td {{p.name}}
 td {{p.surname}} 

 if is_dirty(p)
   button.action Save
 else
   button.action Edit
   button.action Delete

我从我的界面开始，将尝试实现一些内联编辑。所以第一步是我列出所有人，然后点击我添加一个新行。现在，新行应该只有保存按钮，现有行将有一个编辑和一个删除按钮。

上面的代码不起作用（使用jade、express、node和angular）。我已经看过了ng-switch，ng-if但是如果其他简单的话，它们对我来说看起来过于复杂......

Answer 1

如果 is_dirty(p) 是您范围内可用的方法，您可以使用

ng-show="is_dirty(p)"

或者

ng-hide="is_dirty(p)"

ng-show 将在 is_dirty 返回 true 时显示元素。当 is_dirty 返回 true 时，ng-hide 将隐藏元素。

ng-if 和 ng-show 类似，但是当条件为 false 时，元素会从 dom 中销毁，而不是隐藏。

Answer 2

你有没有试过这个：

<ANY ng-switch="expression">
  <ANY ng-switch-when="matchValue1">...</ANY>
  <ANY ng-switch-when="matchValue2">...</ANY>
  <ANY ng-switch-default>...</ANY>
</ANY>

http://docs.angularjs.org/api/ng.directive:ngSwitch