2017-05-29 4 views
0

Ich habe ein Spring MVC 4.2.6 Projekt mit webjars Bibliotheken und Thymeleaf Rahmen, und ich versuche, dieses sehr einfaches Beispiel (lassen Sie uns diese Vorlage als test.html in abgebildet rufen die Steuerung zu /test):Spring + Thymeleaf + AngularJS: erste Beispiel: keine Fehler, aber funktioniert nicht

<!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> 

Alle Ressourcen Last in Ordnung, keine Fehler in der Konsole, aber AngularJs funktioniert nicht (die Klammern im Screenshot sehen): enter image description here

Was mache ich w Rong, irgendwelche Ideen?


P.S. Ein leicht abgewandeltes Beispiel stammt aus dem Buch "Pro AngularJS" von Adam Freeman.

Antwort

0

Danke an alle. Es hat nicht funktioniert, weil ich automatisch type="javascript" in <script .../> hinzugefügt habe. Nach dem Entfernen:

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

es begann gut zu funktionieren. (WARUM!?).

Verwandte Themen