从组件

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){

    }]
});

我想访问控制器内部模板中的ng-model（函数control（））。我怎么能这样做？

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

可以通过使用来实现     绑定：{       名称：＆＃39;＆lt;＆＃39;     }

在组件定义对象中。这个名称将在控制器中可用。

在模板ng-model =＆＃34; $ ctrl.name＆＃34;而不是ng-model =＆＃39; name＆＃39;