AngularJS - Наследование ngModel в пользовательской директивы

Question

У меня есть пользовательские директивы, как это:

myText.html:

<div> 
<label>{{label}}</label> 
<input type="text" class="form-control" > 
</div> 

Javascript:

app.directive("myText", function() { 
    return { 
     restrict: 'E', 
     replace: true, 
     templateUrl: "shared/form/myText.html", 
     scope : { 
      label : "@", 
     } 
    }; 
}); 

Я просто хочу, чтобы обернуть ввод и обрабатывать метку как атрибут.

На мой взгляд, я использовать директиву следующим образом:

<my-text label="Name" ng-model="person.firstname"></my-text> 

Проблема заключается в том, что нг-модель не является обязательным для модели на мой вход.

Каков правильный способ достижения этого результата? Thanks

Answer 1

Поместите ng-model на вход и привяжите его к области изоляции.

<my-text label=Name model=person.firstname></my-text> 

<input type="text" class="form-control" ng-model=model> 

return { 
    restrict: 'E', 
    replace: true, 
    templateUrl: "shared/form/myText.html", 
    scope : { 
     label : "@", 
     model: "=", 
    } 
};