代码之家 › 专栏 › 技术社区 › Max R.

多个Angular JS应用程序

angular-nvd3 angularjs

0

Max R. · 技术社区 · 8 年前

我已经实现了两个Angular NVD3应用程序,用于在我的html页面上查看2个图形。我读到我可以通过使用ng模块而不是ng应用程序来实现这两个功能,但不知何故,它不起作用。你能帮我吗?

<div ng-modules="temperatureChart" ng-controller="temperatureCtrl">
    <nvd3 options="options" data="data" class="with-3d-shadow with-transitions"></nvd3>
    <br><a href="http://krispo.github.io/angular-nvd3/" target="_blank" style="float: right;">See more</a>
</div>
<div ng-modules="heatcounterChart" ng-controller="heatingCtrl">
    <nvd3 options="options" data="data" class="with-3d-shadow with-transitions"></nvd3>
    <br><a href="http://krispo.github.io/angular-nvd3/" target="_blank" style="float: right;">See more</a>
</div>

2 回复 | 直到 8 年前

1

jusopi 8 年前

不 ng-app 引导应用程序。相反,您应该通过位于2个应用程序的主包装器上的脚本延迟引导。加载应用程序、脚本等后,您可以使用 angular.bootstrap('document', <ng dependencies array>) .

您可能无法为两个应用程序提供正确的依赖顺序,因为您可能存在竞争条件、循环依赖等。有关手动引导的更多信息- https://docs.angularjs.org/api/ng/function/angular.bootstrap

2

0

Tobi 8 年前

首先,您的页面一次只能有一个ng应用程序。其次,没有“ng模块”指令(据我所知)。您正在寻找的指令是“ng应用程序”

如果您有多个模块,请在代码中添加一个新模块,这取决于所有这些模块。该新模块将进入您的ng应用程序。

JS:

angular.module("myApp",["temperatureChart","heatcounterChart"]);

HTML:

<body ng-app="myApp">...