MVC Spring AngularJS 指令和控制器

Question

我正在尝试使用 Spring 和 Angular JS 获得一个 MVC，它目前正在工作 [实际上它只是调用 index.html 所以是的]。问题是，当我在 index.html 中时，我只是将 ng-include 放到另一个 html 文件中像这样：

    <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

});

但是none这两个都被调用了。有人能帮助我吗？不知道我说的够不够具体，先说声抱歉。

笨蛋 : https://plnkr.co/edit/EFScNxJV7qG9cTSACDZ2?p=preview

谢谢！

Answer 1

嗯，你当然需要加载定义控制器和指令的 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

MVC Spring AngularJS 指令和控制器

MVC Spring AngularJS Directive and Controller

controller

directive

spring-mvc

angularjs