角度路由：当我呼叫控制器第二个将执行

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

角度路由：当我呼叫控制器第二个将执行

回答

相关问题