ngController方法调用两次

时间:2013-06-14 14:35:09

标签: angularjs angularjs-scope angularjs-routing

我的index.html页面里面有一个带有导航栏的angularjs应用程序,如:

<div class="navbar navbar-inverse navbar-fixed-top" ng-controller="NavCtrl">
        <div class="navbar-inner">
            <div class="container">
                <ul class="nav">
                    <li>
                        <a href="#/">Home</a>
                    </li>
                    <li>
                        <a href="#/add">Add a contact</a>
                    </li>
                    <li>
                        <a href="#/users">Users</a>
                    </li>
                    <li>
                        <a href="#/agencies">Agencies</a>
                    </li>
                    <li>
                        <a ng-click="intro()">Help</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

这个div使用一个控制器,当我点击帮助链接时,它会调用我的控制器的intro方法。但是这种方法每次都被调用两次!!

这是我的控制者:

'use strict';

angular.module('myApp')
    .controller('NavCtrl', function ($scope, $location) {

        $scope.intro = function(){
            if($location.path() != '/'){
                toastr.warning("Warning.");
            }else{
                introJs().start();
            }
        }

    });

有什么想法吗?..

这是完整的html:

    <div class="navbar navbar-inverse navbar-fixed-top" ng-controller="NavCtrl">
        <div class="navbar-inner">
            <div class="container">
                <ul class="nav">
                    <li ng-class="navClass('')">
                        <a href="#/">Home</a>
                    </li>
                    <li ng-class="navClass('add')">
                        <a href="#/add">Add a contact</a>
                    </li>
                    <li ng-class="navClass('users')">
                        <a href="#/users">Users</a>
                    </li>
                    <li ng-class="navClass('agencies')">
                        <a href="#/agencies">Agencies</a>
                    </li>
                    <li>
                        <a ng-click="intro()">Help</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="show-grid"></div>

   <div class="container">
        <div class="row" ng-view></div>
    </div>

1 个答案:

答案 0 :(得分:0)

已解决:

有人(在我的项目中)添加了一个angular.min脚本文件......我们已经有了用于开发的角度文件......

两个角度核心库没有冲突只是被称为两次的方法...

真的是我的坏对不起你们回复