如何使用angularjs構建表並跟蹤哪一行用戶選擇了？

我正在讀取數據庫中的用戶數據，並以簡單的方式爲每個用戶生成一行。對於每個用戶，該行都有兩列 - firstName和Actions。操作是包含選項的下拉列表 - 編輯，刪除。這裏是html。如何使用angularjs構建表並跟蹤哪一行用戶選擇了？

<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>

在我試圖只是有一個這樣的警報採取的措施（）函數：警告（「選擇的動作：」 + $ scope.selected_action）;但是angularjs顯示「selected action：undefined」。有趣的是，我注意到，通過Chrome進行調試時，$ scope甚至沒有將selected_action作爲變量。我的目標很簡單，就是當用戶從用戶選擇用戶的編輯/刪除時將用戶轉到新表單。有人可以在這裏指導我嗎？謝謝。

來源

2013-10-24 chapstick

試試下面的代碼：

<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

來源

2013-10-24 22:19:55 bekite

沒了看看爲選擇angularjs實況沒有工作:( – chapstick

@chapstick我創建了一個plunker的http：// plnkr.co/edit/TdDnf1HplfZv3reGhzMY?p=preview。這是你想要的嗎？看看ng-change的角度js文件http://docs.angularjs.org/api/ng.directive:ngChange。「評估當用戶改變輸入時給定表達式，當值改變來自模型時，表達式不被評估。「這就是爲什麼你得到未定義的。你需要將模型作爲參數傳遞給a ction功能。 – bekite

謝謝。我錯過了action（）中selected_action的傳遞。 – chapstick

如何使用angularjs構建表並跟蹤哪一行用戶選擇了？

回答

相關問題