使用angularJs中的动态值设置HTML中的默认值

Question

我想使用e.name将默认值ng-init设置为“所有” 这是我的模板代码：

<tr ng-repeat="e in employees" ng-init="employees[0] = 'ALL'">
   <td>{{ $index + 2}}</td>
   <td>{{ e.name}}</td>
   <button type="button" ng-click="select(employee)">
          Select
   </button>
   </td>
</tr>

DIRECTIVE链接

scope.employees = EmployeeService.query();

此处我想在生成动态数据之前将默认值e.name设置为所有 我正在员工中正确获取动态数据，并从指令

获取{{ e.name}}

但是我想在获取动态数据之前在同一<td>中显示所有

Answer 1

如果您只是在检索数据之前尝试显示 ALL，则可以考虑使用or operator。

<tr ng-repeat="e in employees">
   <td>{{$index + 2}}</td>
   <td>{{e.name || 'ALL'}}</td>
   <button type="button" ng-click="select(employee)">
          Select
   </button>
   </td>
</tr>

但是，如果您确实需要ALL作为值，我强烈建议您将模型employees设置为默认值。