Javascript 使用RequireJS构建AngularJS应用程序时出错
我正在尝试使用RequireJS在AngularJS中构建一个前端应用程序 应用程序实现了一个主细节，使用$http.get调用从web服务RESTful应用程序获取一些信息，并将它们显示在表中。 对于每一行，都有一个按钮使用另一个$http.get来显示其他详细信息 一切正常。 然而，使用RequireJS有一些问题 这是我的应用程序树：Javascript 使用RequireJS构建AngularJS应用程序时出错,javascript,jquery,angularjs,requirejs,Javascript,Jquery,Angularjs,Requirejs,我正在尝试使用RequireJS在AngularJS中构建一个前端应用程序 应用程序实现了一个主细节，使用$http.get调用从web服务RESTful应用程序获取一些信息，并将它们显示在表中。 对于每一行，都有一个按钮使用另一个$http.get来显示其他详细信息 一切正常。 然而，使用RequireJS有一些问题 这是我的应用程序树： script/ main.js angularJS/ angular.min.js masterDetail
script/
main.js
angularJS/
angular.min.js
masterDetailAppController.js
requireJS/
require.js
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Master Detail</title>
<!-- Inclusion of CSS -->
<link href="${pageContext.servletContext.contextPath}/resources/css/css.css" rel="stylesheet" type="text/css">
<!-- Inclusion of requireJS -->
<script data-main="${pageContext.servletContext.contextPath}/resources/script/main"
src="${pageContext.servletContext.contextPath}/resources/script/requireJS/require.js">
</script>
</head>
<body>
<h3>Master Detail</h3>
<div ng-app="masterDetailApp" ng-controller="masterDetailController" ng-init="query()">
<table>
<tr>
<th>Id</th>
<th>Nome</th>
<th>Cognome</th>
</tr>
<tr class="row" ng-repeat="e in employees">
<td>{{e.uid}}</td>
<td>{{e.name}}</td>
<td>{{e.surname}}</td>
<td><input type="button" ng-click="detail(e.uid)" value="Detail"/></td>
</tr>
</table>
</div>
</body>
</html>
require.config({
"paths": {
"angularJS": "angularJS/angular.min",
"masterDetailAppController": "angularJS/masterDetailAppController"
}
});
require(["angularJS","masterDetailAppController"]);
var app = angular.module("masterDetailApp", []);
app.controller("masterDetailController", ["$scope", "$http", function ($scope, $http) {
$scope.query = function () {
$http.get("http://localhost:8080/RESTfulWebApp/api/players/list")
.success(function (response) {
$scope.employees = response;
});
};
$scope.detail = function (id) {
var squadra, ruolo, numero, ris;
$http.get("http://localhost:8080/RESTfulWebApp/api/players/" + id)
.success(function (response) {
alert("Squadra: " + response.team + "\nRuolo: " + response.role + "\nMaglia: " + response.shirtNumber);
});
};
}
]);