Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 控制器启动两次大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的控制器(logincontroller),在加载login.html时会启动两次,但我不知道为什么会这样.

@H_597_5@myApp.js:

angular.module('PVM',[
    'Authentication','Modal','ngRoute'
])
.config([
    '$routeProvider',function($routeProvider) {
        $routeProvider
            .when('/Login',{
                controller: 'LoginController',templateUrl: 'Login.html'
            })
            .when('/Home',{
                controller: 'ModalController',templateUrl: 'Home.html'
            })
            .otherwise({
                redirectTo: '/Login'
            });
    }
]);

LoginController.js:

angular.module("Authentication")
.controller("LoginController",[
    "$scope","$rootScope","$@R_801_5352@n","Authenticationservice",function($scope,$rootScope,$@R_801_5352@n,AuthenticationservicE) {
        Authenticationservice.ClearCredentials();

        $scope.login = function() {

            var foo = "bar"; //Breakpoint hits here twice when loading login.html
        };
    }
    ]);

index.html的:

<!DOCTYPE html>
<html ng-app="PVM">
<head>
<title>My Ang</title>
<link href="Content/bootstrap.min.css" rel="stylesheet" />
<link href="Content/bootstrap-theme.min.css" rel="stylesheet" />
<link href="Content/MyCss.css" rel="stylesheet" />
<Meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">

</head>
<body>
<div>
<div ng-view></div>
</div>


<script src="//code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudFlare.com/ajax/libs/angular.js/1.5.0-beta.2/angular.min.js"></script>
<script src="http://cdnjs.cloudFlare.com/ajax/libs/angular.js/1.5.0-beta.2/angular-route.min.js"></script>
<script src="http://cdnjs.cloudFlare.com/ajax/libs/angular.js/1.5.0-beta.2/angular-animate.min.js"></script>
<script src="http://cdnjs.cloudFlare.com/ajax/libs/angular.js/1.5.0-beta.2/angular-cookies.min.js"></script>
<script src="http://cdnjs.cloudFlare.com/ajax/libs/angular-ui-bootstrap/0.14.3/ui-bootstrap-tpls.min.js"></script>


<script src="Scripts/services/Modalservice.js"></script>
<script src="Scripts/services/Authenticationservice.js"></script>
<script src="Scripts/Controller/LoginController.js"></script>
<script src="Scripts/Controller/ModalController.js"></script>
<script src="Scripts/MyApp.js"></script>


</body>
</html>

的login.html:

<div class="container centeredDiv" ng-controller="LoginController">
    <p>Login page</p>
</div>

解决方法

因为你的控制器在2个地方执行.

>来自login.html – ng-controller

<div class="container centeredDiv" ng-controller="LoginController">
    <p>Login page</p>
</div>

>从与路线相关的控制器 – /登录

.when('/Login',{
   controller: 'LoginController',templateUrl: 'Login.html'
})

怎么修?您应该从login.html中@L_489_6@ng-controller属性

大佬总结

以上是大佬教程为你收集整理的angularjs – 控制器启动两次全部内容,希望文章能够帮你解决angularjs – 控制器启动两次所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。