如何动态地生成NG-模式= [我的_ {{$指数}}＆QUOT;在AngularJS NG重复？ [英] How to generates dynamically ng-model="my_{{$index}}" with ng-repeat in AngularJS?

问题描述

我想问问你，如果你能给我一只手搭在这一点。

I would like to ask you if you can give me a hand on this.

我创建了一个与的jsfiddle我的问题，这里。我需要使用方式NG-模型动态生成的NG-中继器NG-模型的一些输入=_我{{$指数}}。

I have created a jsfiddle with my problem here. I need to generate dynamically some inputs with ng-model in a ng-repeater using the way ng-model="my_{{$index}}".

在的jsfiddle你可以看到一切它的正常工作，直到我试图动态生成它。

In jsfiddle you can see that everything it's working fine until I try to generate it dynamically.

HTML代码将是：

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

和JavaScript ...

And the 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;
  });
}

你能给我什么想法？

Can you give me any idea?

非常感谢。

推荐答案

它是否解决问题了吗？

function MainCtrl($scope) {
     $scope.queryList = [
        { name: 'Check Users', fields: [ "Name", "Id"] },
        { name: 'Audit Report', fields: [] },
        { name: 'Bounce Back Report', fields: [ "Date"] } 
      ];
    $scope.models = {};
    $scope.$watch('selectedQuery', function (newVal, oldVal) {
        if ($scope.selectedQuery) {
            $scope.parameters = $scope.selectedQuery.fields;
        }
    });
}

和在你的控制器：

  <tr ng-repeat="param in parameters">
    <td>{{param}}:</td>
    <td><input type="text" ng-model="models[param] " />field_{{$index}}</td>
  </tr>

小提琴

这篇关于如何动态地生成NG-模式= [我的_ {{$指数}}＆QUOT;在AngularJS NG重复？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！