2016-11-05 119 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