如何在AngularJS中使用ng-repeat动态生成ng-model="my_{{$index}}"？

22 浏览
0 Comments

如何在AngularJS中使用ng-repeat动态生成ng-model="my_{{$index}}"？

我想问你是否可以帮我一下。

我在这里创建了一个带有我的问题的jsfiddle链接：here。我需要使用ng-model和ng-repeater以ng-model =“my_{{$index}}”的方式动态生成一些输入框。

在jsfiddle中，你可以看到一切都很正常，直到我尝试动态生成它。

HTML代码如下：


  

    
      
    
  

  

    {{param}}:
    field_{{$index}}

还有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;
  });
}

你能给我一些建议吗？

非常感谢。

0