Cześć, mam problem z wykorzystaniem javascript w pliku jsp. Nie wiem czy dobrze dołączam skrypty do widoku ponieważ nie chcą się one wykonywać. Na potrzeby zbadania w czym tkwi problem, stworzyłem widok który ma wyświetlić wszystkim znane 'Hello World' jeśli wszystko zadziała poprawnie.
welcome.jsp
<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="/resource/js/ctrl.js"></script>
<title>Witaj</title>
</head>
<body>
<section>
<h1> Test AngularJS</h1>
<div ng-app="HelloWorldApp">
<div ng-controller="HelloWorldController">
<h1>{{greeting}}</h1>
</section>
</body>
</html>
Poniżej kontroler ctrl.js
angular.module('HelloWorldApp', []).controller('HelloWorldController', function($scope) {
$scope.greeting = "Hello World";
});
Mapowanie ścieżki z zasobami
<mvc:resources location="/resources/" mapping="/resource/**"/>
Po uruchomieniu strony tytułowej, widać na załączonym obrazku że skrypty się nie wczytują.
Stworzyłem więc w jednym folderze plik welcome.html oraz ctrl.js i umieściłem w nich odpowiednio kod przedstawiony wcześniej. Po uruchomieniu welcome.html w przeglądarce wszystko działa bez problemu.
Sprawdzałem wielokrotnie ścieżki i mapowanie zasobów ale nadal nie wiem gdzie jest błąd lub co powinienem zrobić inaczej.