$ routeProvider不会将控制器传递给我的模板

时间:2017-10-11 16:03:31

标签: javascript angularjs

我尝试使用ngRoute以角度加载模板。 问题是我使用这段代码:

(app.js路线配置)

app.config(function($routeProvider) {
    $routeProvider.when("/password", {
        templateUrl : "../password/index.html",
        controller: 'LoginController',
        controllerAs : 'loginCtrl',
        reloadOnSearch : false
    });
});

这是HTML模板(../ password / index.html)

<div class=" et_pb_row et_pb_row_0">
   ....
 <form ng-submit="loginCtrl.controllaPassword()">
   ....
</div>

(app.js控制器)

this.controllaPassword = function(){
    alert("kuajia");
};

目前代码出现在我声明ng-app的主html页面(login.html)上,但它没有显示警报。

1 个答案:

答案 0 :(得分:0)

你的问题似乎是打字。 你的控制器别名(controllerAs)名称在你的html模板中是不一样的。

尝试以下html模板。

<div class=" et_pb_row et_pb_row_0">
   ....
 <form ng-submit="LoginCtrl.controllaPassword()">
   ....
</div>