javascript - 如何在 HTML 模板中定义 AngularJS Controller

Question

我有以下文件结构:

• index.html

• tpl/page.html

• app.js

描述:

1. app.js 定义了路由到 page.html 的主模块

2. index.html 定义模板 View 并包含 app.js

3. page.html 在 <script> 中定义了 PageController使用此 Controller 的标签和 div。

问题当 PageController 驻留在 page.html 中时，它不起作用，但当它包含在 app.js 中时，它就起作用了。错误如下:参数“PageController”不是 NaNunction，未定义。

看起来在模板中定义 Controller 已经太迟了。但实际上这是我的要求。我想对所有用户隐藏 page.html + Controller (甚至是他们的代码)，并通过 Spring 安全使其仅对特定组可见。这就是为什么我为此页面定义了安全约束并希望它仅在满足此约束时才执行。

更新 #1 Controller 定义:

<script type="text/javascript">
  mainApp.controller('PageController', function($scope, $rootScope) {
    ...
  });
</script>

<md-content ng-controller="PageController" ...

Answer 1

如果脚本标签和模板的 HTML 都在外部 html 文件中定义，Angular 应该提示说模板文件中不能有两个根元素。

我的建议是将您的 Controller 放在一个单独的 JS 文件中，并在其上设置您的 Spring Security 权限。如果您使用 JSP 或类似的东西来呈现主页，则可以在 <script> 周围添加条件。如果用户具有访问权限，则为 Controller 标记。