2016-11-02 46 views
0

我已經實現了兩個角NVD3應用程序在我的HTML頁面上查看2個圖形。我讀過我可以通過使用ng-modules而不是ng-app來實現它,但不知何故它不起作用。你可以幫幫我嗎?多角JS應用程序

<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> 

這就是我的嘗試,但它不工作。

+1

什麼是'NG-modules'? – zeroflagL

+0

「我讀過我可以通過使用ng-modules而不是ng-app來實現它們」。 **你在哪裏讀過這些?這似乎並不是什麼常識。 – Claies

回答

1

爲了使用網頁上的2級的應用程序,你需要使用ng-app來引導你的應用程序。相反,您應該推遲通過位於2個應用程序的主包裝上的腳本進行引導。在加載應用程序,腳本等後,您可以使用angular.bootstrap('document', <ng dependencies array>)

您可以在提供的依賴於這兩個您的應用程序的正確順序問題,則可能有競爭條件,循環依賴等更多關於自舉手動 - https://docs.angularjs.org/api/ng/function/angular.bootstrap

0

首先,你一次只能在你的頁面上有一個ng-app。 其次,沒有「ng-modules」指令(據我所知)。您正在尋找的指令是「ng-app」

如果您有多個模塊,請在代碼中添加一個新模塊,這取決於所有這些模塊。這個新模塊將會進入你的ng-app。

JS:

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

HTML:

<body ng-app="myApp">... 
相關問題