从组件中的控制器访问html中的ng-model

ajayv 发表于 Dev

阿贾耶夫

这是我的模板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（））。我怎样才能做到这一点？

沙爹

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);
        }]
    });

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。