Ng-repeat with dynamic ng-model on input not working

Question

In controller I\'ve a list like this:

scope.data = [ { user: { address: { city: \'Boston\'} } } ];

And a property, where I\'ve the name to acce

Answer 1

You can do it like this because of ng-repeat:

<input ng-model="item.user.address.city" />

So you do not need to declare this:

$scope.propertyName = 'address.city';

Demo

Answer 2

You can create a directive with compile, to set ng-model indirectly:

compile: function(el, attrs) {
      return function(scope, el) {
        el.attr('ng-model', attrs.ngModelItem + '.' + scope[attrs.ngModelRef]);
        $compile(el)(scope);
      };
    }

please look my sample on jsbin:

http://jsbin.com/xizucu/edit?html,js,output