Ich versuche, ein sehr einfaches Beispiel mit verschachtelten benannten Ansichten mithilfe von UI-Router zu implementieren, und ich kann es nicht zum Laufen bringen. Wenn jemand diese jsFiddle anschauen könnte -http://jsfiddle.net/thardy/eD3MU/ - und sag mir, was ich falsch mache, ich würde es sehr schätzen.

Die Grundidee ist: - Meine index.html hat eine einzige UI-Ansicht. - Die Vorlage, die eingesteckt wird, hat zwei UI-Ansichten. - Ich versuche, die Konfiguration einzurichten, um diese beiden UI-Ansichten mit Vorlagen zu füllen und ich kann es nicht zum Laufen bringen

Dies ist der Kern der Geige (spitze Klammern in der Vorlage ersetzt durch []):

        $stateProvider
            .state('test', {
                url: '/test',
                views: {
                    'main': {
                         template:  '[h1]Hello!!![/h1]' +
                                    '[div ui-view="view1"][/div]' +
                                    '[div ui-view="view2"][/div]'
                    }
                }
            })
            .state('test.subs', {
                url: '',
                views: {
                    'view1': {
                        template: "Im View1"
                    },
                    'view2': {
                        template: "Im View2"
                    }
                }
            });

Ich habe es jetzt seit einigen Stunden stark optimiert (ich versuche es mit absoluten Namen usw.), und ich bin dabei, verrückt zu werden. Laut Dokumentation sieht es gut aus (zumindest für mich), aber es gibt keine einfachen Beispiele, und ich muss etwas Offensichtliches vermissen.

Aktualisieren Wenn Sie die URL aus dem Teststatus entfernen und dem Status test.subs die URL '' hinzufügen, funktioniert dies. Das Hinzufügen einer URL zum Teststatus führt jedoch zu einem erneuten Fehlschlagen. In meinem realen Szenario befindet sich keiner dieser Zustände an der Wurzel, und das Fehlen einer URL im übergeordneten Zustand führt dazu, dass die Dinge nicht gut funktionieren. Es ist so, als ob der Status nicht aktiviert ist oder so. Laut den Dokumenten sollte die URL: '' im Unterprogramm dazu führen, dass sie zusammen mit dem übergeordneten Status aktiviert wird, aber genau das passiert nicht.

Update - Lösung Für alle, die es sehen möchten -http://jsfiddle.net/thardy/eD3MU/