Füllung dropdowns in angularjs

Question

Ich habe eine Tabelle in einem Angularjs View mit ng-Repeat gebaut. In jeder Tabellenzeile befindet sich eine Schaltfläche. Wenn Sie auf die Schaltfläche klicken, wird eine Detailzeile angezeigt.

Diese Detailzeile hat eine Form und eine weitere ng-Wiederholungstabelle.

In der zweiten Tabelle befinden sich Schaltflächen zum Löschen und Bearbeiten. Das Formular enthält zwei Dropdown-Eingaben, um den Inhalt der zweiten Tabellenzeile zu bearbeiten.

Wenn ich entweder auf die Lösch- oder Bearbeitungsschaltflächen in der zweiten Tabelle klicke, sollten die Formularfelder (Dropdownlisten) mit den übergebenen Daten gefüllt werden. Wie würde ich dies programmatisch mit angularjs tun?

Answer 1

Möglicherweise versuchen Sie, dies zu tun:

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