Question

我尝试在我的angularJS基础应用中使用mmenu菜单http://mmenu.frebsite.nl/。 ui-sref正在运行但是 ng-click无法正常工作和mmenu链接。任何人都可以帮助我，我做错了什么。

主HTML页面

<body ng-app="student">
            </div>
            <div class="header"><a href="#menu"></a>menu</div>
            <div class="content">
                    <div ui-view></div>
            </div>
            <nav id="menu">
        <ul>
            <li ><a ng-href=""  ng-click="holidayInfo()">Holiday</a></li>
            <li><a ui-sref="notices">Notices</a></li>
    </ul>
</nav>
</div>
</body>

app.js

app.config(['$urlRouterProvider', '$stateProvider', '$locationProvider','RestangularProvider',
        function ($urlRouterProvider,   $stateProvider, $locationProvider, RestangularProvider ) {
            $urlRouterProvider.otherwise('/');
            $stateProvider
                .state("home", {
                    url: "/",
                    templateUrl: 'home.html',
                    controller:'homeCtrl as vm',
                    resolve: {
                        currentyear: function (Restangular, $stateParams) {
                            return Restangular.one('CurrentACYear').get();
                        }
                    }
                })
                .state("notices", {
                    url: "/notices",
                    templateUrl: 'notices.html',
                    controller:'schoolNoticesCtrl as vm',
                    resolve: {
                        notciesList: function (Restangular, $stateParams) {
                            return Restangular.one('notices').get();
                        }
                    }
                })

我的holidayInfo()方法在homeCtrl控制器中当我<nav id="menu" ng-controller="homeCtrl">时，它会抛出错误，无法解析当前年份。

Answer 1

#的href中有Holiday正在执行后备网址的$urlRouter.otherwise代码。

应该保持空白

ng-href=""

其他的事情是你没有用nav条形图包裹你编写holidayInfo方法的控制器范围。在那里，您可以为navbar组件添加新的控制器。那边有holidayInfo方法。

<强>标记

<nav id="menu" ng-controller="navbarCtrl">
  <ul>
      <li><a ng-href="#"  ng-click="holidayInfo()">Holiday</a></li>
      <li><a ui-sref="notices">Notices</a></li>
  </ul>
</nav>

<强>代码

app.controller('navbarCtrl', function(){
   $scope.holidayInfo = function () {
       console.log("i am trigeered ....")
   };
})

如果您仍然遇到问题，请使用更多信息更新问题。

ng-click不使用mmenu

1 个答案: