首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >多角度JS应用程序

多角度JS应用程序
EN

Stack Overflow用户
提问于 2016-11-02 13:42:50
回答 2查看 43关注 0票数 0

我已经实现了两个角度NVD3应用程序来查看我的html页面上的2个图表。我读到我可以用ng-模块而不是ng-app来实现这两种功能,但不知怎么的,它不起作用。你能帮我一下吗?

代码语言:javascript
复制
<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>

我就是这么试的,但不管用。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-11-02 14:12:42

为了在您的页面上使用两个角度应用程序,您需要而不是使用ng-app引导应用程序。相反,您应该推迟通过位于这两个应用程序的主包装器上的脚本进行引导。在加载了应用程序、脚本等之后,就可以使用angular.bootstrap('document', <ng dependencies array>)了。

您可能很难为两个应用程序提供适当的依赖关系序列,因为您可能具有竞争条件、循环依赖等。更多关于手动引导- https://docs.angularjs.org/api/ng/function/angular.bootstrap的信息。

票数 1
EN

Stack Overflow用户

发布于 2016-11-02 14:07:35

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

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

联署材料:

代码语言:javascript
复制
angular.module("myApp",["temperatureChart","heatcounterChart"]);

HTML:

代码语言:javascript
复制
<body ng-app="myApp">...
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40381471

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档