15

使用角度流星 v 0.9

试图让预先打包的 AngularMeteor-SmartAdmin 示例应用程序正确加载

得到错误：

Error: [ng:btstrpd] App Already Bootstrapped with this Element 'document'

有没有办法找出这个错误发生的原因和位置？

这是我的流星列表：

angular:angular-animate                               1.4.0  AngularJS (official) release. For full...
angular:angular-cookies                               1.4.0  AngularJS (official) release. For full...
angular:angular-resource                              1.4.0  AngularJS (official) release. For full...
angular:angular-route                                 1.4.0  AngularJS (official) release. For full...
angular:angular-sanitize                              1.4.0  AngularJS (official) release. For full...
angularui:angular-ui-router                           0.2.15  angular-ui-router (official): Flexibl...
angularui:ui-utils                                    0.2.4  Angular-ui-utils package for meteor.
autopublish                                           1.0.3  Publish the entire database to all cli...
cfs:http-methods                                      0.0.29  Adds HTTP.methods RESTful
gsklee:ngstorage                                      0.3.0  ngStorage package for Meteor
http                                                  1.1.0  Make HTTP calls to remote servers
insecure                                              1.0.3  Allow all database writes by default
less                                                  1.0.14  The dynamic stylesheet language
meteor-platform                                       1.2.2  Include a standard set of Meteor packa...
planettraining:angular-translate                      2.7.0  Angular Translate
planettraining:angular-translate-loader-static-files  2.7.0  Angular Translate
planettraining:angular-translate-loader-url           2.7.0  Angular Translate
planettraining:angular-translate-storage-cookie       2.7.0  Angular Translate
planettraining:angular-translate-storage-local        2.7.0  Angular Translate
selchenkov:angular-bootstrap-ui                       0.0.1  Meteor 
urigo:angular             0.9.0
4

2 回答 2

7

问题在于index.ng.htmlinindex.html的 ng-include 的文件路径

它应该是

<div ng-include="'client/index.ng.html'">
</div>

路径总是绝对的，如Angular Meteor教程 中所述

需要注意的是非常重要 - 路径始终是绝对的，而不是相对的！因此，如果“index.ng.html”位于客户端文件夹中，则您必须放置路由应用程序的整个路径，无论您从哪里调用文件。像这样（例如，如果 index.ng.html 在“客户端”文件夹中）：

<div ng-include="'client/index.ng.html'"></div>

于 2015-06-22T19:30:43.980 回答
0

这只是因为你不恰当地调用了你的 body 或 div。试试 <div ng-app="app1" ng-controller="controller1">/*code or UI here*/</div>。让第二个渲染器<div id="app" ng-app="app2" ng-controller="controller2">/*code or UI here*/</div>在里面。所以现在你可以打电话 angular.element(document).ready(function () { var appID = document.getElementById('app'); angular.bootstrap(appID, ['app2']); });

在您的角度控制器中以避免两个角度控制器之间的冲突。所以两个控制器都是原子的，因此它在一页中使用。

于 2018-09-03T13:06:35.797 回答