嗨,我正在尝试实现angularjs + requirejs,但我得到参数'HelloWorld'不是一个函数,当我转到所需路径时出现未定义错误
app.js
require.config({
baseUrl: "",
paths: {
'domReady': 'Scripts/RequireJs/dom-ready/domReady',
"angular": "Scripts/AngularJs/angular",
"angular-route": "Scripts/AngularJs/angular-route",
"angular-resource": "Scripts/AngularJs/angular-resource",
},
shim: {
"angular": {
exports: "angular"
},
"angular-resource": {
deps: ["angular"]
},
"angular-route": {
deps: ["angular"]
}
}
});
define('app', ['angular', 'angular-route'], function (angular) {
var app = angular.module('app', ['ngRoute']);
app.config(function ($routeProvider, $controllerProvider, $compileProvider, $filterProvider, $provide) {
app.controllerProvider = $controllerProvider;
app.compileProvider = $compileProvider;
app.routeProvider = $routeProvider;
app.filterProvider = $filterProvider;
app.provide = $provide;
$routeProvider.when('/home', {
templateUrl: 'views/home.html',
resolve: {
load: ['$q', '$rootScope', function ($q, $rootScope) {
var deferred = $q.defer();
require(['App/home'], function () {
$rootScope.$apply(function () {
deferred.resolve();
});
});
return deferred.promise;
}]
}
});
});
require(['domReady!'], function (document) {
angular.bootstrap(document, ['app']);
});
return app;
});
home.js
require(['app'], function (app) {
app.controllerProvider.register('HelloWorld', function ($scope) {
$scope.greet = function () {
return 'Hello World!'
}
});
});
home.html
<div ng-controller="HelloWorld">
{{greet();}}
</div>
正如我所了解的,当我转到/ home时发生了什么,角度查找名为HelloWorld的控制器找不到它抛出参数'HelloWorld'不是一个函数,未定义然后我的调试器在home.js中命中,但我在屏幕上看到的只是{ {迎接();}}
一些事情:
1. require.config
理想情况下,应将其放置在a中main.js
并装入您的index.html
使用中:
<script data-main="js/main.js" src=".../require.js"></script>
2.尝试在您的路线中定义控制器并删除ng-controller
home.html:
...
$routeProvider.when('/home', {
templateUrl: 'views/home.html',
controller: 'HelloWorld', // <-- Need to add this line
...
3.应该使用home.jsdefine
而不是在require
这里定义模块时使用。
我创建了以下项目,以方便您应使用RequireJS和AngularJS:https :
//github.com/marcoslin/angularAMD
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句