なぜコントローラのコードが2回呼び出されるのですか？

Question

htmlファイルtemplates\events.htmlに次のコードがあります。 route.js

.state('menu.music', { 
    url: '/music', 
    views: { 
     'side-menu21': { 
     templateUrl: 'templates/music.html', 
     controller: 'musicCtrl' 
     } 
    } 
    }) 

で

<div class="events-2colmn-l backgnd-cover" ui-sref="menu.music"> 
    MUSIC 
</div> 

とコントローラに

.controller('musicCtrl', function ($scope, EventService) { // called twice when clicked 
    var allEvents = EventService.query({ category: "Music" }); 
    allEvents.$promise.then(function (response) { 
     $scope.events = response; 
    }); 
}) 

はあり<div ...>MUSIC</div>をタッチすると、コントローラのコードは、常に二回呼ばれています。クリックすると一度だけ呼び出されることを確認するにはどうすればよいですか？

Answer 1

コントローラは、ng-controllerまたはapp.jsの状態でhtmlに関連付けられている必要があります。あなたはこの

.state('menu.music', { 
url: '/music', 
views: { 
    'side-menu21': { 
    templateUrl: 'templates/music.html', 
    controller: 'musicCtrl' 
    } 
    } 
}) 

のようなあなたの状態を持っている場合

はつまり、あなたのmusic.htmlでNG-コントローラを必要といけません。コントローラが2回呼び出されている原因は何か。あなたは

目と2回目の呼び出しているとき、NG-コントローラを削除してみて、一度

Answer 2

あなたのコントローラが二回呼び出されているので、それはある...

• を検証する際のテンプレートは/音楽.htmlが呼び出されるのは、music.htmlでng-controller指示文を使用する必要があるからです。親切にチェックしてください。