Wie kann man mit ng-repeat in AngularJS dynamisch ng-model = “my _ {{$ index}}” erzeugen?
Ich möchte Sie fragen, ob Sie mir dabei helfen können.
Ich habe eine Jsfiddle mit meinem Problem erstelltHier. Ich muss einige Eingaben mit ng-model in einem ng-repeater dynamisch generieren, indem ich ng-model = "my _ {{$ index}}" verwende.
In jsfiddle können Sie sehen, dass alles gut funktioniert, bis ich versuche, es dynamisch zu generieren.
Das HTML wäre:
<div ng-app>
<div ng-controller="MainCtrl">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<select ng-model="selectedQuery"
ng-options="q.name for q in queryList" >
<option title="---Select Query---" value="">---Select Query---</option>
</select>
</td>
</tr>
<tr ng-repeat="param in parameters">
<td>{{param}}:</td>
<td><input type="text" ng-model="field_X" />field_{{$index}}</td>
</tr>
</table>
<div>
<div>
Und das Javascript ...
function MainCtrl($scope) {
$scope.queryList = [
{ name: 'Check Users', fields: [ "Name", "Id"] },
{ name: 'Audit Report', fields: [] },
{ name: 'Bounce Back Report', fields: [ "Date"] }
];
$scope.$watch('selectedQuery', function (newVal, oldVal) {
$scope.parameters = $scope.selectedQuery.fields;
});
}
Kannst du mir eine Idee geben?
Danke vielmals.