Registerkarten in Angularjs funktionieren nicht ordnungsgemäß mit dem UI-Router und dem UI-Bootstrap

Question

Ich verwende eine Mean.js Boilerplate, finden Sie den gesamten Code hier .

Ich habe versucht, auf die Seite, die nach einem der Artikel ausgewählt wurde, 2 neue Registerkarten hinzuzufügen, die aus der Liste ausgewählt wurden. Für diese Aufgabe habe ich beschlossen, sowohl den UI-Router als auch den UI-Bootstrap für eckular.js zu verwenden. Die 2 Registerkarten funktioniert nicht ordnungsgemäß, ich kann zwischen ihnen wechseln und ihren Inhalt richtig sehen, aber wenn ich gelegentlich gehe, wenn ich zurück gehe und den Menüpunkt der Artikelliste auswählen kann, erhalte ich eine leere Seite mit den 2 Registerkarten und nichts anderes.

.

Hier sind die Änderungen an der Datei ansehen-article.client.view.html, um 2 neue Registerkarten aufzunehmen (der vorherige Inhalt wurde in die 2 Dateien kopiert, die die Teil der neuen Registerkarten enthält):

generasacodicetagpre.

Ich habe diese wenigen Codezeilen in den Artikelregler eingefügt:

generasacodicetagpre.

Hier ist die Route.js

generasacodicetagpre.

Answer 1

Dies hat etwas mit der Registerkarte Angular-UI-Bootstrap-Registerkarte und den Callback Select ().Es scheint, dass der SELECT () Callback in Tab2 bei der Navigation von Tab2 aufgerufen wird.

Ich habe geändert:

generasacodicetagpre.

an:

generasacodicetagpre.

und Ihre Demo funktioniert jetzt.

http://plnkr.co/edit/efnfjoq8hft6azitcr67?p=Preview

Answer 2

Ich hatte das gleiche Problem mit ui-bootstrap v0.11.2 , wechselte ich zu v0.12.0 und es funktionierte!