2016-11-05 74 views
0

我想獲得一個MVC與Spring和Angular JS,它目前正在工作[其實它只是調用index.html所以是]。 的事情是,當我在我的的index.html,我只是把一個NG-包括到另一個HTML文件中像這樣:MVC Spring AngularJS指令和控制器

<div ng-include="'folder/view.html'"></div> 

的事情是...我想打電話給該文件的指令將首先調用控制器,然後調用視圖,但我不知道如何繼續。

這裏是我的指令

'use strict'; 
angular.module('tmp') 

.directive('view', function() { 

    return { 
     restrict: 'AE', 
     templateUrl: "folder/view.html", 
     controller : "viewController", 
     scope: { 
      state: "@", 
     }, 

    } 
}); 

這裏是我的控制器:

'use strict'; 
angular.module('tmp') 
    .controller('viewController', function ($scope) { 

     // Do some stuff 

}); 

但沒有這兩個被調用。有人能幫助我嗎 ? 我不知道我是否足夠具體,我想提前道歉。

Plunkerhttps://plnkr.co/edit/EFScNxJV7qG9cTSACDZ2?p=preview

謝謝!

+0

你可以提供更多的細節plunker? – user3249448

+0

已編輯!謝謝:https://plnkr.co/edit/EFScNxJV7qG9cTSACDZ2?p=preview – NPanda

回答

0

好吧,你當然需要加載JS文件定義控制器和指令:

<script src="script.js"></script> 
<script src="viewController.js"></script> 
<script src="viewDirective.js"></script> 

然後,你需要在你的模板實際使用的指令:

<body> 
    <view></view> 
</body> 

最後由於view.html不在文件夾中,因此您需要使用正確的路徑。

https://plnkr.co/edit/DygHtWNMtWTG7hy4vBUb?p=preview

+0

我現在感覺非常愚蠢。謝謝 ! – NPanda