Verschachtelung von Ansichten in eckigen js

user2189941:

Ich hatte zwei verschiedene Apps im Winkel. Während der Integration in eine einzelne Anwendung musste ich

Nest der Ansichten.

Zum Beispiel (index.html) ist

<!doctype html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8">
<title>My AngularJS App</title>
<link rel="stylesheet" href="css/app.css"/>
</head>
<body>
<ul class="menu">
<li><a href="#/view1">view1</a></li>
<li><a href="#/view2">view2</a></li>
</ul>

<div ng-view></div>

<div>Angular seed app: v<span app-version></span></div>

<script src="lib/angular/angular.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
</body>
</html>

Eine meiner App-Ansichten ist (view2.html)

<div class="ng-view"></div>
<p>This is the partial for view 1.</p>
{{ 'Current version is v%VERSION%.' | interpolate }}

Jetzt hat diese Anwendung wieder andere Ansichten.

Ich habe es versucht, aber die Seite wird nicht geladen. Gibt es eine Möglichkeit, ng-Ansichten zu verschachteln?

Wenn nicht möglich, kann es erklärt werden

Danke im Voraus

Tiago Roldão:

Aktualisierte Antwort:

Der UI-Router (der sich jetzt hier befindet: https://angular-ui.github.io/ui-router/site/#/api/ui.router ) wird allgemein als die beste Lösung für komplexes Routing in AngularJS angesehen.


Ursprüngliche Antwort:

Verschachtelungsansichten sind in AngularJS derzeit nicht nativ möglich. In meiner letzten App habe ich eine von hier abgeleitete Lösung verwendet: http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm

Erlaubt mir, Ansichten effektiv zu verschachteln (und die eingeschränkte ng-Ansicht insgesamt zu überspringen)

Danach erschien diese andere (einfachere, bessere, glaube ich) Lösung:

http://angular-ui.github.com/ (scrollen Sie nach unten zu "Route Checking")

Hör zu!

Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.

Bei Verstößen wenden Sie sich bitte [email protected] Löschen.

bearbeiten am
0

Lass mich ein paar Worte sagen

0Kommentare
LoginNach der Teilnahme an der Überprüfung

Verwandte Artikel

Laravel 4.* bis 5.*, Verschachtelung von Ansichten in Controller

ng-deaktiviert von Bild in eckigen js

Zeigen Sie Bilder von Flick in eckigen js

unendliche Schriftrolle von externem json in eckigen js

rekursive Verschachtelung von Mungos

Verschachtelung von Ausdrücken

Übergeben von Daten von einer Seite zur anderen in eckigen js

Raster- / Kachelansicht mit eckigen Ansichten

Verschachtelung von Recycler-Ansichten : Versuch, aus dem Feld 'android.support.v7.widget.ViewInfoStore android.support.v7.widget.RecyclerView.mViewInfoStore' zu lesen.

Spring Boot - Verschachtelung von ConfigurationProperties

Verschachtelung von setIntervals-Schleifen

Beliebige Verschachtelung von Bereichen in Python

Vererbung / Verschachtelung von Spring @ConfigurationProperties

Winkel 7 - Verschachtelung von Observablen

Verschachtelung von Unterausdrücken in Ausdrucksvorlagen

Erkennen der Verschachtelung von Kontextmanagern

Verschachtelung von Shortcode in Wordpress (einfach)

XSLT - Dynamische Verschachtelung von Elementen

Verschachtelung von Elementen einer Prologliste

Verschachtelung von Halogenid-Summenschleifen

Wie funktioniert der variable Bereich von $ scope in eckigen js?

Laden von HTML-Vorlagen mit eckigen Js und Schienen

Fertiges Laden von ng-include in eckigen js

Anzeigen von Optionen für abhängige Auswahlfelder in eckigen js

Hinzufügen von watermark.js zu eckigen 4

Verwenden von $ timeout für wiederholte Restaufrufe in eckigen js

Upload von eckigen Bildern

Javascript-Verschachtelung von Arrays von Objekten

Problem beim Rendern von Ansichten mit express.js