$ routeProvider不控制器傳遞給我的模板

我一直在使用ngRoute試圖加載模板dinamically的角... 的問題是，我用這個代碼：

（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"); 
};

目前的代碼出現在主要的html頁面（login.html），我聲明ng-app，但它不shpw警報。

來源

2017-10-11 Alessandro Pierro

et_pb_row et_pb_row_0這個div在LoginCtrl裏面嗎？ –

不，它在../password/index.html中，但我想在login.html（主要代碼中，我在HTML標記中聲明ng-app並在其中附加了所有腳本的位置加載了此HTML代碼（也app.js在哪裏我寫的控制器）） –

如果要使用您的應用程序的某些控制器不是在控制器內部的元素將無法正常工作，我在你的模板內的東西已經宣佈你的控制器不login.html –

你的問題似乎在打字。您的控制器別名（controllerAs）名稱在您的html模板中不相同。

嘗試這個模板如下。

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

來源

2017-10-11 16:13:58 LXhelili

已更正此錯誤，但仍不起作用 –

所有內容似乎都很好，只需轉到密碼頁面即可執行該警報。請確保你正確使用ng-view指令。 – LXhelili

$ routeProvider不控制器傳遞給我的模板

回答

相關問題