Skip to main content
 首页 » 编程设计

controller之AngularJs:使用 $routeProvider 调用 Controller 两次

2024年06月20日13三少

模块路线:

var switchModule = angular.module('switchModule', []); 
 
switchModule.config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
    when('/build-content', {templateUrl: 'build-content.html', controller: BuildInfoController}); 
}]); 

Controller :

function BuildInfoController($http, $scope){ 
    alert("hello"); 
} 

HTML:

<html ng-app="switchModule"> 
... 
<body> 
    <ul> 
        <li><a href="#build-content"/></a></li> 
    </ul> 
    <div class="ng-view"></div> 
</body> 
... 

每次我单击超链接“”时,“BuildInfoController”都会被调用两次。我在这里错过了什么吗?

请您参考如下方法:

我今天遇到了同样的问题。我已在 $routeProvider 和 html 中添加了 Controller 名称。

$routeProvider 
    .when('/login', { 
            controller: 'LoginController', 
            templateUrl: 'html/views/log-in.html' 
     }) 

在我看来

<div class="personalDetails" ng-controller="LoginController"> </div> 

您可以从您的 View 或路线提供程序中删除 Controller 名称。