角度路由：當我呼叫控制器第二個將執行

Im uning angular使頁面登錄，我使用模板login.html和控制器login.html，問題是當我調用登錄控制器主控制器將自動執行！角度路由：當我呼叫控制器第二個將執行

我發現：警告：試圖加載角度不止一次。

這是我的JS：

trainingApp.config(['$routeProvider' ,function($routeProvider){ 
 
    $routeProvider 
 
    .when('/login',{ 
 
     templateUrl: 'login.html', 
 
     controller: 'loginCtrl' 
 
    }) 
 
    .when('/',{ 
 
     templateUrl: 'index.html', 
 
     controller: 'mainCtrl' 
 
    }) 
 
    .otherwise({ 
 
      redirectTo : "/" 
 
     }); 
 
}]); 
 

 

 

 
trainingApp.controller('loginCtrl',['$scope', function($scope){ 
 
$scope.alertt = function(){ 
 
    // console.log("ok"); 
 
    alert("okkkkkkk"); 
 
} 
 
}]); 
 

 

 

 

 
trainingApp.controller('mainCtrl', ['$scope','$timeout', 'apiService','$location', function ($scope,$timeout, apiService,$location) { 
 
    console.log('hello'); 
 
    }]);

的index.html

<!DOCTYPE html> 
 
<html lang="fr"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Plannification Des Formations</title> 
 
    <link rel="stylesheet" type="text/css" href="mystyle/bootstrap-tokenfield.css"> 
 
    
 
    <link rel="stylesheet" type="text/css" href="mystyle/bootstrap.min.css"> 
 
    <link rel="stylesheet" href="mystyle/bootstrap-datepicker.css"> 
 
    <link rel="stylesheet" href="mystyle/jquery-ui.css"> 
 
      <script src="public/jquery-1.11.2.min.js"></script> 
 
      <script src="public/jquery-ui.js"></script> 
 
      <script src="public/bootstrap-datepicker.js"></script> 
 
      <script src="node_modules/lodash/lodash.js"></script> 
 
      <script src="bower_components/angular/angular.min.js"></script> 
 
      <script src="bower_components/angular-route/angular-route.min.js"></script> 
 
      <script src="bower_components/moment/min/moment-with-locales.min.js"></script> 
 
      <script src="public/daypilot/daypilot-all.min.js"></script> 
 
      <script src="public/bootstrap-tokenfield.js"></script> 
 
      <script src="public/bootstrap.min.js"></script> 
 
      <!-- <script src="bower_components/angular-route/angular-route.js"></script> --> 
 
        <script src="controllers/app.js"></script> 
 
        <script src="controllers/mainCrtl.js"></script> 
 
         <script src="services/apiService.js"></script> 
 
         
 
</head> 
 
<body data-ng-app="training" data-ng-controller="mainCtrl" ng-view> 
 
....... 
 
</body> 
 
</html>

的login.html

<button id="btn-login" class="btn btn-success " ng-href="#!/">Login </button>

來源

2017-04-07 Fredj

發表您的'指數和login.html' – anoop

我張貼....... – Fredj

請從html刪除ng-controller="mainCtrl"，因爲你已經在$routeProvider配置定義控制器。

來源

2017-04-07 11:46:37 anoop

感謝它的工作，但對於警告：試圖裝入不止一次角多。當我點擊按鈕時，我發現在控制檯中！ – Fredj

也改變了，'ng-view'就像'

'或'' – anoop

不能這樣工作！那警告怎麼樣？ – Fredj

請更改您的代碼。

.when('/',{ 
    templateUrl: 'index.html', 
    controller: 'mainCtrl', 
    abstract: true, 
})

來源

2017-04-07 11:48:42 Wintergreen

不起作用，但是什麼意思抽象：真請 – Fredj

角度路由：當我呼叫控制器第二個將執行

回答

相關問題