Como gerar dinamicamente ng-model = “my_ {{$ index}}” com ng-repeat no AngularJS?
Eu gostaria de perguntar se você pode me dar uma mão sobre isso.
Eu criei um jsfiddle com o meu problemaAqui. Eu preciso gerar dinamicamente algumas entradas com ng-model em um ng-repetidor usando o caminho ng-model = "my _ {{$ index}}".
Em jsfiddle você pode ver que tudo está funcionando bem até eu tentar gerá-lo dinamicamente.
O html seria:
<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>
E o 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;
});
}
Você pode me dar alguma ideia?
Muito obrigado.