javascript - 如何使用 angularjs 构建表格并跟踪用户选择的行？

Question

我正在从数据库中读取用户数据并以简单的 . 对于每个用户，该行有两列 - firstName 和 Actions。Actions 是一个带有选项的下拉列表 - 编辑、删除。这是html。

 <table>
    <tr>
        <th>Name</th>
        <th>Actions</th>
    </tr>
    <tr ng-repeat="l in list">
        <td>{{l.name}}</td>
        <td>
            <select ng-model="selected_action" ng-change="action()">
                <option ng-repeat="a in actions" value="{{a}}"> {{a}}</option>
            </select>
        </td>
    </tr>
</table> 

在 action() 函数中，我试图简单地发出这样的警报： alert("selected action: "+$scope.selected_action); 但 angularjs 显示“选定的操作：未定义”。有趣的是，我注意到在通过 Chrome 进行调试时，$scope 甚至没有 selected_action 作为变量。我的目标很简单，当用户从表中为用户选择编辑/删除时，将用户带到一个新表单。有人可以在这里指导我吗？谢谢你。

Answer 1

试试下面的代码：

<select ng-model=selected_action ng-options="a for a in actions">
  <option value="">-- choose an action --</option>
</select>

在http://docs.angularjs.org/api/ng.directive:select上查看 angularjs 文档以供选择