angular js - not assign value to dynamically generated textbox from controller using ng-model

Question

I have generated a dynamic form HTML using angular js directive and I want to assign values to the generated textbox using the values I provided (values may come from database or from array)

when I am not sending any parameter dynamically, its normally run by following code and assign value to the textbox

 $scope.submitted = function() {
    $scope.title = "submitted";
  };

But when I am sending dynamic value to the form then Its not working.

The function got called from the directive after click and showing alert from that function but the value not assigning to the textbox by model. Here is the code

$scope.submitted = function(par) {
    alert(par); 
    $scope.title = par;
  };

Please findout the code on following plunker:

http://plnkr.co/edit/hcM7DX46fDl68axs2ol2?p=preview

dfsq · Accepted Answer · 2015-07-27 11:45:05Z

2

The problem is that each dynamic directive is compiled in isolated child scope. So when you later set outer scope property title it does not affect local directives scope.

What you can do is inside of $scope.submitted function set ngRepeat child scope title and pass this value to directive with scope config object:

$scope.submitted = function(par) {
    this.title = par; // this points to individual ngRepeate scope object
};

and in directive configuration:

scope: {
    title: '=model',
    param1: '@',
    formFn: '&'
},

and use directive like this

<div dynamic param1="{{lang}}" form-fn="submitted(lang)" model="title"></div>

Demo: http://plnkr.co/edit/Nb2yh0wlGEyuOqQN8YS3?p=preview

answered Jul 27, 2015 at 11:45

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

Collectives™ on Stack Overflow

angular js - not assign value to dynamically generated textbox from controller using ng-model

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related