ng-click funktioniert nicht mit mmenu

Ich versuche, das menu-Menü http://mmenu.frebsite.nl/ mit meiner angularJS-Basis-App zu verwenden. UI-Sref funktioniert, aber ng-Klick funktioniert nicht mit Mmenu Link. Kann mir jemand helfen, was falsch mache ich es.ng-click funktioniert nicht mit mmenu

Haupt HTML-Seite

<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(); 
         } 
        } 
       })

Meine holidayInfo() Methode in homeCtrl Controller ist.
Wenn ich tun <nav id="menu" ng-controller="homeCtrl"> es Wurf Fehler, nicht in der Lage, aktuelle Jahr zu lösen.

Quelle

2016-04-24 fresher

brauchst du wirklich ng-href? versuche, href = javascript :; – Irshu

Sie hatten # in der href von Holiday, die $urlRouter.otherwise Code ausgeführt wird, die Fallback-URL ist.

Es sollte als leere

ng-href=""

Andere Sache würden Sie mit Umfang Controller gehalten werden, in dem Sie holidayInfo Methode schrieb nav bar wickeln havent't hatte. Dort können Sie neue Controller für Ihre navbar Komponente & haben holidayInfo Methode dort drüben.

Markup

<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>

-Code

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

aktualisiere Frage mit mehr Informationen, wenn Sie noch ein Problem gefunden.

Quelle

2016-04-24 19:05:43

nicht funktioniert. Ich müde

Holiday

– fresher

@fresher haben Sie sich die aktualisierte Antwort anschauen .. Frage ist wenig unklar, das ist, warum ich keine richtige Antwort geben kann .. können Sie Ihre Frage aktualisieren, wenn aktualisierte Antwort funktioniert nicht .. –

Ich aktualisierte die Frage oben. Immer noch nicht in der Lage, es zu lösen. – fresher

ng-click funktioniert nicht mit mmenu

Antwort

Verwandte Themen