Так что я пытаюсь загрузить шаблон в моей директиве. Эта директива многоразовая. Но я не могу загрузить шаблон. У меня были другие шаблоны, которые загружены и работают правильно.
Ошибка, что я получаю:
GET /ClassificationToolkitForGrails/classificationviewer.html 404 (Not Found) angular.js:8521
Error: [$compile:tpload] Failed to load template: classificationviewer.html
Javascript файл, содержащий директиву:
/**
*
*/
var classificationViewModule = angular.module('ald.classificationview',[]);
classificationViewModule.factory('classificationAPI',function(){
return {
getClassification:function($http, artifactId){
//TODO add URL
var url = "/Classification/getInfo?artifactId="+artifactId
return $http({
method: 'GET',
url: url
});
}
};
});
/*classificationViewModule.controller('testclassification',['$scope','$http',function($scope,$http){
$http.get("/Classification/getInfo?artifactId=6450").success(function(data){
$scope.classification = data;
})
}]);*/
classificationViewModule.directive('classificationview', function() {
return {
restrict: 'EA',
scope: {},
replace: true,
link: function ($scope, element, attributes) {
},
controller: function ($scope, $http, classificationAPI) {
classificationAPI.getClassification($http).success(function(data,status){
//TODO
$scope.artifactClassification = data;
}).error(function(data,status){
if (404==status){
alert("no text");
} else {
alert("bad stuff!");
}
});
},
//TODO add template url
templateUrl: "classificationviewer.html"
};
});
шаблон файла:
<div>
Hello world
{{artifactClassification}}
</div>
index.html файл:
<
!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="layout" content="main"/>
<title>Classification Toolkit for Grails</title>
<script type="text/javascript">
angular.module('classtoolkitApp', [
'ald.classificationview'
]).controller('index', function ($scope) {
});
</script>
<asset:javascript src="ald/classificationview/classificationview.js"/>
</head>
<body >
<div ng-app="classtoolkitApp" ng-controller="index">
classification
<classificationview artifactId=6450/>
</div>
</body>
</html>
Правда, , помните, что templateUrl нуждается в пути от корня вашего приложения. – user2847643
Не уверен, если я последую за ним. Таким образом, шаблон находится в плагине, который используется в этом проекте. – krs
Да и обратите внимание, что угловой поиск .html-файла в корне вашего webapp. Если вы разместили плагин в папке где-то, вам нужно указать весь путь от корня. Скажите /common/directives/someplugin/classificationviewer.html. – user2847643