javascript - AngularJS 与 requirejs 的集成

Question

我有一个 html 页面需要通过 AngularJS 呈现动态内容。我正在使用 requireJS 加载 html 页面。我在我的脚本标签中包含了 angularJS，但无法创建 Controller 。我可以创建一个 Angular 模块，但无法访问下面的 Controller 功能

var model = {
    items: [{ id: "id1", comment: "comment1" },
        { id: "id2", comment: "comment2" },
        { id: "id3", comment: "comment3" },
        { id: "id4", comment: "comment4" }]
};

var kmapp = angular.module("kmapp", []);

kmapp.controller('FieldCodesCtrl', ['$scope', function($scope) {
    alert("in con");
    $scope.greeting = 'Hiiiii!';
    alert($scope.greeting);
}])

我无法读取 Controller 函数中的两个警报。

我是 AngularJS 的新手。有人可以帮忙吗？

Answer 1

确保您的模块 kmapp 预先可用，否则您需要进行配置以延迟加载您的模块。

遵循以下有关如何在引导过程后添加模块的思路。

http://blog.getelementsbyidea.com/load-a-module-on-demand-with-angularjs/ http://www.bennadel.com/blog/2553-loading-angularjs-components-after-your-application-has-been-bootstrapped.htm

确保先加载 JS，然后再加载 HTML。这是因为当 Angular 编译 html 时，它可以在绑定(bind)时从模块中注入(inject)适当的对象/单例。

我建议您不要将 html 与 requireJS 捆绑在一起。按照@Unome 的说明使用模板

---

要点:AngularJS 的模块系统通常不需要延迟加载，除非你正在处理一个巨大的