angularjs + requirejs =参数'controller'不是函数,未定义

用户名

嗨,我正在尝试实现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-controllerhome.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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

参数'controller'不是函数,未定义

来自分类Dev

角度错误:“参数'Controller'不是函数,未定义”

来自分类Dev

因果报错参数'Controller'不是函数,未定义

来自分类Dev

角度错误:“参数'Controller'不是函数,未定义”

来自分类Dev

AngularJS-参数“ MenuCtrl”不是函数,未定义

来自分类Dev

angularJS 1.4.0参数'MainController'不是函数,未定义

来自分类Dev

AngularJS错误:参数“ FirstCtrl”不是函数,未定义

来自分类Dev

在angularjs中未定义函数参数

来自分类Dev

未定义不是函数-RequireJS

来自分类Dev

未定义不是函数-RequireJS

来自分类Dev

错误:[ng:areq]参数'Controller'不是一个函数,未定义

来自分类Dev

AngularJS分离控制器,参数不是函数,它是未定义的

来自分类Dev

如何找到原因AngularJS“参数'MyCtrl'不是函数,未定义”

来自分类Dev

AngularJS / Jade错误:参数'MyController'不是一个函数,未定义(MEAN)

来自分类Dev

参数'MainController'不是一个函数,在AngularJS中未定义

来自分类Dev

AngularJS-错误:[ng:areq]参数'CustomersController'不是一个函数,未定义

来自分类Dev

参数'CommentsCtrl'不是一个函数,得到了未定义的angularjs

来自分类Dev

AngularJS错误:[ng:areq]参数'MyController'不是一个函数,未定义

来自分类Dev

RequireJs定义参数

来自分类Dev

参数'indexController'不是函数,未定义

来自分类常见问题

错误:参数不是函数,未定义

来自分类Dev

参数“ myAction”不是函数,未定义

来自分类Dev

参数“ ProductListCtrl”不是函数,未定义

来自分类Dev

简单的requireJS与angularJS-角度未定义

来自分类Dev

未定义requirejs angularjs控制器

来自分类Dev

TypeError:未定义不是函数-AngularJS

来自分类Dev

TypeError:未定义不是函数(AngularJS)

来自分类Dev

错误:[ng:areq]参数'TasksCtrl'不是函数,未定义

来自分类Dev

错误:[ng:areq]参数'MyCtrl'不是函数,未定义

Related 相关文章

  1. 1

    参数'controller'不是函数,未定义

  2. 2

    角度错误:“参数'Controller'不是函数,未定义”

  3. 3

    因果报错参数'Controller'不是函数,未定义

  4. 4

    角度错误:“参数'Controller'不是函数,未定义”

  5. 5

    AngularJS-参数“ MenuCtrl”不是函数,未定义

  6. 6

    angularJS 1.4.0参数'MainController'不是函数,未定义

  7. 7

    AngularJS错误:参数“ FirstCtrl”不是函数,未定义

  8. 8

    在angularjs中未定义函数参数

  9. 9

    未定义不是函数-RequireJS

  10. 10

    未定义不是函数-RequireJS

  11. 11

    错误:[ng:areq]参数'Controller'不是一个函数,未定义

  12. 12

    AngularJS分离控制器,参数不是函数,它是未定义的

  13. 13

    如何找到原因AngularJS“参数'MyCtrl'不是函数,未定义”

  14. 14

    AngularJS / Jade错误:参数'MyController'不是一个函数,未定义(MEAN)

  15. 15

    参数'MainController'不是一个函数,在AngularJS中未定义

  16. 16

    AngularJS-错误:[ng:areq]参数'CustomersController'不是一个函数,未定义

  17. 17

    参数'CommentsCtrl'不是一个函数,得到了未定义的angularjs

  18. 18

    AngularJS错误:[ng:areq]参数'MyController'不是一个函数,未定义

  19. 19

    RequireJs定义参数

  20. 20

    参数'indexController'不是函数,未定义

  21. 21

    错误:参数不是函数,未定义

  22. 22

    参数“ myAction”不是函数,未定义

  23. 23

    参数“ ProductListCtrl”不是函数,未定义

  24. 24

    简单的requireJS与angularJS-角度未定义

  25. 25

    未定义requirejs angularjs控制器

  26. 26

    TypeError:未定义不是函数-AngularJS

  27. 27

    TypeError:未定义不是函数(AngularJS)

  28. 28

    错误:[ng:areq]参数'TasksCtrl'不是函数,未定义

  29. 29

    错误:[ng:areq]参数'MyCtrl'不是函数,未定义

热门标签

归档