改变ng-repeat Angularjs内部的行为

Change behavior inside ng-repeat Angularjs

本文关键字：内部 ng-repeat Angularjs 改变      更新时间：2023-09-26


我得到一个字符串的数组，像这个["create-user", "edit-user", "read-user", "delete-user"]在控制台，现在我想把它传递给视图。
我的代码:

  <tr ng-repeat="perm in permsAll">
        <td>
            {{perm == "create-user" : X ? ' '}}
         </td>
          <td>
            {{perm == "create-edit" : X ? ' '}}
         </td>
         ....
 </tr>

所以我得到了所有的字符串，但不是我想要的:(，我想如果用户有创建用户，例如在td示例userX = createUser: X中创建一个X，如果没有创建使用，它将是空的。

怎么做?我想我必须使用指令。谢谢你?

你可以用不同的方法。

你可以尝试使用ng-switch或ng-if，甚至ng-show。

例如:

<td ng-if="perm.contain === 'create-user'>X </td>

如果你想使用你现有的代码，你必须更改如下:

<td>
   {{perm.contain === 'create-user' ? 'X' : ' '}}
</td>

编辑:添加文字字符串

您正在尝试使用错误的操作符，试试这个:

{{perm.contain == "create-user" : X ? ' '}}

但你最好的选择是像sexta说的:

<td ng-show="perm.contain == 'create-user' ">X</td>

希望能有所帮助=)

相关文章：