Jak generować dynamicznie ng-model = „my _ {{$ index}}” z ng-repeat w AngularJS?
Chciałbym cię zapytać, czy możesz mi pomóc.
Stworzyłem jsfiddle z moim problememtutaj. Muszę generować dynamicznie niektóre dane wejściowe za pomocą modelu ng w repozytorium ng, używając sposobu ng-model = "my _ {{$ index}}".
W jsfiddle widać, że wszystko działa dobrze, dopóki nie spróbuję wygenerować go dynamicznie.
HTML będzie:
<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>
I 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;
});
}
Czy możesz dać mi jakiś pomysł?
Wielkie dzięki.