2017-05-29 123 views
0

我有一個Spring MVC 4.2.6項目,webjars庫和Thymeleaf框架,我想這個很簡單的例子(我們稱之爲模板test.html在映射控制器/test):春+ Thymeleaf + AngularJs:第一個示例:沒有錯誤,但不工作

<!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不工作(見截圖括號): enter image description here

我在做什麼w ^榮,有什麼想法?


P.S. Adam Freeman的「Pro AngularJS」一書中有一個稍作修改的例子。

回答

0

感謝大家。它沒有工作,因爲我已經自動將type="javascript"添加到<script .../>中。刪除後:

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

它開始工作正常。 (爲什麼!?)。

相關問題