在angularjs中填充下拉列表

Question

我在ng-repeat構建的angularjs視圖中有一個表。 在每個表格行中都有一個按鈕。 如果您點擊按鈕，會顯示詳細信息行。

此細節行有一個表格和另一個ng-repeat-table。

在第二個表格中有用於刪除和編輯的按鈕。 該表單包含兩個下拉輸入來編輯第二個表格的行內容。

如果我點擊第二個表中的刪除或編輯按鈕，應該用傳遞的數據填充表單域（下拉菜單）。 我該如何以編程方式使用angularjs？

Answer 1

也許你正在試圖做到這一點：

<div ng-app> 
    <h2>Todo</h2> 
    <div ng-controller="myCtrl"> 
    <select ng-model="select1" ng-options="item.id as item.name for item in Items"> 

    </select> 
    <table> 
    <tr ng-repeat="item in Items"> 
     <td>{{item.name}}</td> 
     <td><a href="#" ng-click="Edit(item)">Edit</a></td> 
    </tr> 
    </table> 
    </div> 
</div> 

AngularJS

function myCtrl($scope) { 
    $scope.Items = [ 
    { 
     id: 1, 
     name: "ABC" 
    }, 
    { 
     id: 2, 
     name: "DEF" 
    }, 
    { 
     id: 3, 
     name: "GHI" 
    } 
    ] 
    $scope.Items.unshift({id: 0, name: '--select--'}) 
    $scope.select1 = 0; 

    $scope.Edit = function(item) { 
    $scope.select1 = item.id; 
    } 
}