2016-06-19 8 views
0

Ich versuche, ng-app mit in einer anderen ng-App zu verwenden. Separat führen beide ng-apps ihre Funktion aus, aber wenn sie ineinander kommen, entsteht ein Fehler. zum BeispielVerschachtelte ng-app Problem

<body ng-app> 
<div ng-app="MyApp" ng-controller="MyCtrl"> 
----- 
</div> 
<div ng-controller="ctrl"> 
........ 
</div> 
</body> 

Auf diese Ausführung Fehler

Argument geben 'MyCtrl' ist keine Funktion,

undefined bekam Wenn jemand für dieses Problem keine Lösung hat, oder hat einige andere Technik, um dieses Problem zu lösen, bitte hilf mir.

+0

Lesen Sie einfach die [Dokumentation] (https://docs.angularjs.org/api/ng/directive/ngApp) _AngularJS Anwendungen können nicht in jedem other._ –

+0

verschachtelt werden sollte sei eine Lösung für dieses Problem ... Wenn ja, dann hilf mir bitte. –

Antwort

1

AngularJS-Anwendungen können nicht ineinander verschachtelt werden. Was Sie tun müssen, ist Ihre Module so zu gestalten, dass so etwas nicht benötigt wird. (. ZB verschachtelte Controller verwenden oder teilen Sie Ihre App in separate Module)

Blick in dieses Thema von AngularJS Website, es ist ausdrücklich erwähnt, dass Anwendungen können nicht verschachtelt werden:

https://docs.angularjs.org/api/ng/directive/ngApp

Um ein besseres Gefühl zu bekommen über einen Winkel App bricht in mehrere Module einen Blick auf diesen Ressourcen nehmen:

http://henriquat.re/modularizing-angularjs/modularizing-angular-applications/modularizing-angular-applications.html

https://www.safaribooksonline.com/blog/2014/03/27/13-step-guide-angularjs-modularization/

0

Es ist nur eine ng-App erlaubt. Es kann viele Module geben es beruht darauf.

Beispiel:

//app.js 
angular.module('app',['subApp']) 
.run(() => { ... }) 

//meanwhile in subapp.js 
angular.module('subapp', []) 
.run(() => { ... }) 
Verwandte Themen