angularjsのドロップダウンを塗りつぶし

Question

私は、ng-repeatで構築されたangularjsビューのテーブルを持っています。 各テーブル行にボタンがあります。 ボタンをクリックすると詳細行が表示されます。

この詳細行には、フォームと別のng-repeat-tableがあります。

2番目の表には、削除と編集のためのボタンがあります。 フォームには、2番目のテーブルの行の内容を編集するための2つのドロップダウン入力が含まれています。

2番目のテーブルの削除ボタンまたは編集ボタンをクリックすると、渡されたデータがフォームフィールド（ドロップダウン）に入力されます。 anglejsを使ってプログラムでこれをどうすればできますか？

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