AngularJS ng-repeat directive, created dynamically does not work

Question

i tried to add a ng-repeat directive in a compile method of other directive but it is not work.

here's a demo: http://jsfiddle.net/yiooxir/mdptnqo5/1/

I expected that the 'field' directive be fruitful in the three fields (input) but this is not happening

here is my code:

html:

<div ng-app='myApp' ng-controller='testCtrl'>
   {{object.var}}
   <field value='object.var' plural></field>
</div>

js:

app.controller('testCtrl', function ($scope) {
   $scope.object = {
      var: [1, 2, 3]
   }
 });

app.directive('field', function($parse) {
  return {
    restrict: 'AE',
    scope: {
        value: '='
    },
    template: "<div><input type='text' ng-model='value'></div>",
    link: function() {}
  }
})

app.directive('plural', function($compile){
  return {
    priority: 1001,
    compile: function(element, attr) {
        element.attr({
            'ng-repeat': 'i in object.var track by $index',
            'value': 'object.var[$index]',
            'button': ''
        });
    }
  }
})

gooor · Accepted Answer · 2014-10-28 08:33:52Z

1

in plural directive at the end of compile function

    return function(scope, element) { 
      $compile(element.contents())(scope);
    }

answered Oct 28, 2014 at 8:33

gooor

1115 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

yiooxir Over a year ago

yes. this can also be done if we add the following code as shown below: <pre> compile: function(element, attr) { element.attr({ 'ng-repeat': 'i in object.var track by $index', 'value': 'object.var[$index]', }); var parent = element.parent(); parent.append(element) </pre> but it is unclear why so ? most of other directives don't recuire it

Collectives™ on Stack Overflow

AngularJS ng-repeat directive, created dynamically does not work

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related