Dynamisch geschachtelte Komponentenansichten mit UI-Router

Question

Ich habe eine Angular-Anwendung, die bereits UI-Router verwendet. Es verwendet derzeit verschachtelte Ansichten, wie es die meisten Leute unter Verwendung der Punktnotation tun, d. H. parent.childState.

Es ist jedoch jetzt offensichtlich, dass einige Teile dieser Anwendung an anderer Stelle wiederverwendet werden müssen, rufen Sie diese Module A Dieses Modul ist Registerkarten und hat derzeit einen Status mit jeder Registerkarte zugeordnet. Derzeit werden die Routen wie die meisten UI-Router-Anwendungen während der Anwendungskonfigurationsphase eingerichtet.

Mit dieser neuen Komponente Id wie es seine eigenen Wege zu registrieren, und dass diese Routen sind Kinderwege, was auch immer übergeordneten Ansicht sind sie in.

ist das möglich?

Answer 1

Sie können folgendes tun:

Deklarieren Sie einen Anbieter in Ihrer Modul A die in der Lage sein wird, alle Komponenten der Anwendung zu registrieren, wo Sie Ihr Modul eingefügt werden soll. Einer der Parameter wird offensichtlich das Zustandspräfix sein. Dieser Provider ruft den $ stateProvider intern auf, entweder wenn Sie die Funktion des Anbieters aufrufen oder wenn Sie den Dienst instanziieren, der mit dem Provider übereinstimmt ($ get).

Wenn Sie die Funktion $ get wählen, müssen Sie eine eckige.run() hinzufügen, um die Instantiierung des aus $ get resultierenden Dienstes zu erzwingen. Andernfalls wird $ get später aufgerufen und die Zustände werden nicht zugeordnet, was zu einem $ stateNotFound führt. Dies ist nützlich, wenn Sie einige Konfigurationen vor dem Aufruf von $ stateProvider überladen möchten. Wenn Sie dies nicht benötigen, verwenden Sie nicht den $ stateProvider in der $ get-Funktion.

Also jetzt alles, was Sie in anderen Modul tun müssen, ist eine Abhängigkeit von dem Modul A und verwenden Sie den genannten Anbieter.