4

无法使 Angular 应用程序在流星模板中运行

这是我的 index.html

<body>
</body>

<template name="myIndex">
    <section ng-app="myApp" ng-controller="AppController as app">
        <div ng-include="'client/index.ng.html'"></div>
    </section>
</template>

这是我的 index.js

MyIndexRouteController = PreloadController.extend({
    'preload': {
        'async': ['/js/xxx.js']
     },
});


Router.route('/', {
    template: 'myIndex',
    data: {
        env: 'someEnv',
        assets: ''
    },
    controller: MyIndexRouteController,

});

在路由规则执行并且模板出现在呈现的 HTML 中之后，没有启动 Angular 指令，也没有ng-app，也没有ng-include。

如何解决？

4

2 回答 2

1

试试这个https://docs.angularjs.org/api/ng/function/angular.bootstrap手动启动角度，在流星模板渲染后ю

当有 ng-app 指令时，Angular 会自动启动，但在这种情况下，该指令是其他模板系统的模板。

于 2015-10-11T10:38:06.810 回答
0

在将模板添加到 DOM 后，可能需要手动初始化 Angular 应用程序。

查看流星预加载器的文档，可以使用以下代码段来实现：

MyIndexRouteController = PreloadController.extend({
    'onAfterAsync' : function() {
        //angular.element(document).ready(function() {
          angular.module('myApp', []);
          angular.bootstrap(document, ['myApp']);
        //});
    },
    'preload': {
        'async': ['/js/xxx.js']
     },
});
于 2015-10-11T11:14:02.703 回答