여러 Angular JS 앱

내 HTML 페이지에서 2 개의 그래프를보기 위해 Angular NVD3 Apps를 두 개 구현했습니다. 나는 ng-app 대신에 ng-module을 사용하여 구현할 수 있다고 읽었지만 어떻게 든 작동하지 않습니다. 당신이 나를 도울 수?여러 Angular 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>

내가 시도한 방법이지만 작동하지 않습니다.

출처

2016-11-02 Max R.

'NG-modules'는 무엇입니까? – zeroflagL

"ng-app 대신 ng-module을 사용하여 구현할 수 있음을 읽었습니다." ** 어디에서 ** 이것을 읽었습니까? 이것은 일반적인 지식으로 보이지 않습니다 .... – Claies

페이지에 2 각 응용 프로그램을 사용하려면, 당신은 응용 프로그램을 부트 스트랩 하지 사용 ng-app해야합니다. 대신, 2 개의 앱에 대한 기본 래퍼에있는 스크립트를 통해 부트 스트래핑을 연기해야합니다. 앱과 스크립트 등을 모두로드 한 다음 angular.bootstrap('document', <ng dependencies array>)을 사용할 수 있습니다.

당신이 당신의 응용 프로그램 모두에 대한 의존성의 적절한 순서를 제공하는 문제가있을 수 있습니다 당신이 더에 수동으로 부트 스트랩 등 경쟁 조건, 순환 종속성을 가질 수 - https://docs.angularjs.org/api/ng/function/angular.bootstrap

출처

2016-11-02 14:12:42 jusopi

먼저 한 번에 하나의 ng-app 만 페이지에 둘 수 있습니다. 둘째, "ng-modules"지시어가 없습니다 (알고있는 한). 찾고있는 지시문은 "ng-app"입니다.

모듈이 여러 개있는 경우 코드에 새 모듈을 추가하십시오. 그러면이 새 모듈이 귀하의 ng-app에 들어갑니다.

JS :

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

HTML :

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

출처

2016-11-02 14:07:35 Tobi

여러 Angular JS 앱

답변

관련 문제