ng-clickがmmenuで動作しない

私のangularJSベースアプリケーションでmmenuメニューhttp://mmenu.frebsite.nl/を使用しようとしています。 ui-srefは動作していますが、ng-clickが動作しません。とmmenuのリンクがあります。誰かが私を助けてくれるでしょう、私はそれをやって間違っています。私holidayInfo()方法はhomeCtrlコントローラである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(); 
         } 
        } 
       })

。
私が<nav id="menu" ng-controller="homeCtrl">を実行すると、エラーが発生し、現在の年を解決できません。

出典

2016-04-24 fresher

本当にng-hrefが必要ですか？設定しようとするhref = javascript：; – Irshu

Holidayの#は、フォールバックURLである$urlRouter.otherwiseコードを実行しています。それは空白として維持すべきである

ng-href=""

他の事はhavent'tあなたはholidayInfo方法を書いたコントローラの範囲でnavバーラップを持っていますでしょう。そこにあなたの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 ....") 
    }; 
})

それでも問題が見つかった場合はより多くの情報を更新する質問を行います。

出典

2016-04-24 19:05:43

は機能しません。あなたが更新さanswer..questionを見てい@fresher I疲れ

Holiday

– fresher

は私が更新答えは動作しない場合は、あなたの質問を更新し、適切answer..couldを与えることができない理由です少し不明確..です –

私は更新上記の質問。まだそれを解決することができません。 – fresher

ng-clickがmmenuで動作しない

答えて

関連する問題