javascript - AngularJS 在与 RequireJS 配对时不起作用。有任何想法吗？

Question

我正在尝试构建一个非常简单的演示来让 AngularJS 与 RequireJS 一起工作。

到目前为止，我一直在密切关注本教程。

我已经定义了一个 main.js 文件，它需要 app.js 和 hello.js，它们都被依次调用。

app.js 定义了一个新的 Angular 模块并返回它。hello.js 然后将一个名为“Hello”的控制器添加到模块中。

在页面本身中，div 应该输出“Hello”，它由 Hello 控制器中的 sayHello 方法返回。但是，我所有的浏览器显示的是 {{sayHello}}。

Answer 1

我认为您的设置破坏了 Angular 引导系统。因此，您必须在 hello.js 文件中添加手动引导程序。

require(["app"], function(app) {
    app.controller("Hello", ['$scope', function($scope) {
            console.log('function entered');
            $scope.sayHello = function() {
                console.log('Hello');
                return "Hello";
            }

            angular.element(document).ready(function() {
                angular.bootstrap(document, ['app']);
            });

        }]
    );
});

Answer 2

好吧，看起来Shay Friedman的解决方案奏效了。

我之前看到过Angularjs + RequireJs + Express Seed，但我确信有一种方法可以自己做同样的事情而无需太多努力。但是，似乎使用这个项目可能是最简单的解决方案。