Question

我有一个Spring MVC 4.2.6项目，其中包含webjars个库和Thymeleaf框架，我正在尝试这个非常简单的示例（让我们将此模板称为test.html映射到控制器到/test）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" xml:lang="en" lang="en"
      th:fragment="page" ng-app>
<head>
    <title>First Test</title>
    <script th:src="@{/webjars/angularjs/angular.js}" type="javascript"></script>
    <link th:href="@{/webjars/bootstrap/css/bootstrap.css}" rel="stylesheet"/>
    <link th:href="@{/webjars/bootstrap/css/bootstrap-theme.css}" rel="stylesheet"/>
</head>
<body>
    <div class="btn btn-default">{{"AngularJS"}}</div>
    <div class="btn btn-success">Bootstrap</div>
</body>
</html>

所有资源加载正常，控制台没有错误，但AngularJs无效（请参见屏幕截图中的括号）：

我做错了什么，有什么想法？

P.S。一个稍微修改过的例子来自Adam Freeman的“Pro AngularJS”一书。

Answer 1

感谢大家。由于我已自动将type="javascript"添加到<script .../>，因此无法正常工作。删除后：

<script th:src="@{/webjars/angularjs/angular.js}"></script>

它开始正常工作。（WHY！？）。

Spring + Thymeleaf + AngularJs：第一个例子：没有错误，但是没有工作

1 个答案: