Доступ к нг-модели в HTML от контроллера в компоненте

Question

Это мой шаблон HTML

<form name="myForm"> 
    <label for="name"><span>Name*: </span> 
     <br> 
     <input 
       name="myName" 
       type="name" 
       id="name" 
       minlength="3" 
       maxlength="16" 
       autofocus="on" 
       required 
       placeholder=" Ajay" 
       ng-model="$ctrl.myName" 
       autocomplete="name"> 
    </label> 
</form> 

Компонент Код:

angular.module('loginPage') 
.component('loginPage',{ 
    templateUrl: 'login/login.template.html', 
    controller: ["$scope",function control($scope,params){ 

    }] 
}); 

Я хочу, чтобы получить доступ к нг-модели в шаблоне внутри контроллер (функция управления()). Как я могу это сделать?

Answer 1

HTML:

<form name="myForm"> 
    <label for="name"><span>Name*: </span> 
     <br> 
     <input name="myName" type="name" id="name" minlength="3" maxlength="16" autofocus="on" required placeholder="Type any name" ng-model="name" autocomplete="name"> 
    </label> 
</form> 

JS:

angular.module('loginPage') 
    .component('loginPage', { 
     templateUrl: 'login/login.template.html', 
     controller: ["$scope", function control($scope) { 
      console.log($scope.name); 
     }] 
    }); 

Answer 2

Это может быть достигнуто с помощью привязок: { имя: '<' }

в компоненте определение объект. Такое имя будет доступно в контроллере.

В шаблоне нг-модели = «$ ctrl.name» вместо нг-модель = «имени»