How to generates dynamically ng-model=”my_{{$index}}” with ng-repeat in AngularJS?

by

Does it solve your problem?

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

And in your controller:

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

Fiddle

More Related Contents:

  1. ng-repeat finish event
  2. Way to ng-repeat defined number of times instead of repeating over array?
  3. How to filter multiple values (OR operation) in angularJS
  4. how to split the ng-repeat data with three columns using bootstrap
  5. How to improve performance of ngRepeat over a huge dataset (angular.js)?
  6. AngularJS multiple filter with custom filter function
  7. orderBy multiple fields in Angular
  8. AngularJS – how to get an ngRepeat filtered result reference
  9. angular ng-repeat in reverse
  10. Angular – Can’t make ng-repeat orderBy work
  11. ngRepeat Filter by deep property
  12. How To bind data using TypeScript Controller & Angular Js
  13. Access index of the parent ng-repeat from child ng-repeat
  14. Dynamic form name attribute in Angularjs
  15. Skip ng-repeat JSON ordering in Angular JS
  16. Understanding the ngRepeat ‘track by’ expression
  17. AngularJS ng-repeat handle empty list case
  18. Angular passing scope to ng-include
  19. Angular.js ng-repeat across multiple elements
  20. Angular.js ng-repeat filter by property having one of multiple values (OR of values)
  21. How does data binding work in AngularJS?
  22. What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  23. $on and $broadcast in angular
  24. How to get the difference of two dates in mm-dd-hh format in Javascript
  25. How to filter array when object key value is in array
  26. How do I disable the save password bubble in chrome using Javascript?
  27. Non-angular page opened after a click
  28. AngularJS multiple expressions concatenating in interpolation with a URL
  29. Angular filter a object by its properties
  30. Two way binding not working in directive with transcluded scope

Leave a Comment