1
を必要な角度に必要と私は、この
index.htmlを
ように見えるlearning.Myコードファイルのサンプル・アプリケーションを作成しました
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>RequireJs Demo</title>
<script src="require.js" data-main="main.js"></script>
</head>
<body ng-controller="myController">
{{message}}
</body>
</html>main.js
require.config({
paths: {
angular: 'angular.min',
angularresourse:'angular-resource.min'
},
shim: {
angularresourse:['angular'],
"angular": {
exports: "angular"
}
}
});
require(['angular', 'module'],
function() {
angular.bootstrap(document, ['app']);
}
);module.js
define(['angular', 'controller'], function (angular,controller) {
angular.module('app',[])
.controller('myController', controller);
});controller.js
define([], function() {
var myController = function ($scope) {
$scope.message = "RequireJs Integrated successfully";
};
myController.$inject = ['$scope'];
return myController;
});は、しかし、これを実行すると、この
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<title>RequireJs Demo</title>
<script src="require.js" data-main="main.js"></script>
</head>
<body ng-controller="myController">
{{message}}
</body>
</html>
のようなHTMLを使用ng-app="app"で誰かが私を助けてくださいでし
"angular.min.js:6 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.8/ $injector/modulerr?p0=app&p1=Error%3A%20%…ttp%3A%2F%2Flocalhost%3A8383%2FAngular_Require%2Fangular.min.js%3A20%3A390)"
...
私はそれを追加しましたが、エラーは依然として –
あなたのHTMLページに従属jsファイルを追加します。 –
インデックスにすべてのjsファイルを含める必要はありません.html.Todis.jsに従っていることを避けるために、このコードは動作しており、 "codeproject"のチュートリアルで見つかりましたが、コピーしたときには動作しません。 –