2016-04-27 361 views
0

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

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

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

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

+0

請分享一下,你嘗試過這麼遠嗎? – Sajal

+0

腳本在沒有互聯網訪問的計算機上,因此無法進行復制。

選擇列表已填充,因此選項中的選項正常工作。 但ng選擇不正確。 我也試過$ parent.object.value ==選項,但沒有成功。 – Myko

回答

0

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

<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; 
    } 
} 
+0

select是包含項目所有字段的表單的一部分(例如item.type留在您的示例中)。 這些表單域顯示爲下拉列表(選擇),我想填充選定項目的數據(通過編輯(項目)傳遞到顯示項目數據的表單中。 – Myko