AngularJS dynamically ng-model name from parameter

Question

Edit

How to set for this <input ng-model="this['newPlayer']['personal_info']['first_name']"> the ['newPlayer']['personal_info']['first_name'] dynamically from variable?

Something like this: <input ng-model="this[variable]">

so you don't need this to be in scope of custom component anymore, do you? — skyboyer
– skyboyer, Commented Oct 19, 2018 at 10:13
I need - but I know how I can send the name of the model I need to the child directive/component. I just don't know how to apply it in the html... I can to console.log($attrs.whatEverISent) and it will be results just okay. But how to send the whatEverISent to the ng-model directive in the actual input tag? — Raz Buchnik
– Raz Buchnik, Commented Oct 19, 2018 at 10:15

Aleksey Solovey · Accepted Answer · 2018-10-19 10:04:11Z

2

You don't have to get it from the attributes just add this to your directive require: 'ngModel' like this

app.directive("textInput", () => {
  return {
    templateUrl: "/text-input.html",
    require: 'ngModel'
    scope: true,
    link: function($scope, $element, $attrs, ngModel) {
      angular.element($element).append($scope[$attrs.myModel]);
    }
  }
});

and you have your different ngModel for each textInput instance in link function

edited Oct 19, 2018 at 10:04

Aleksey Solovey

4,1663 gold badges18 silver badges34 bronze badges

answered Oct 19, 2018 at 9:39

Jazib

1,38114 silver badges27 bronze badges

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

3 Comments

Raz Buchnik Over a year ago

No.. this is not the problem - What to write in the HTML of the directive?

Raz Buchnik Over a year ago

I got the data via $attrs and via the required key anyway - but how to assign the value to the ng-model?

skyboyer Over a year ago

check this article on using ngModel in your custom components: codelord.net/2017/07/28/youre-not-using-ng-model-enough

Collectives™ on Stack Overflow

AngularJS dynamically ng-model name from parameter

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related