angulaire.js - saut angulaire ui-routeur

Question

app---
    a---
      a.index.html  
    b---
      b.index.html

b.index.html

<a ui-sref="a.index">show a.index.html</a>
<p ui-view></p>

Comment faire en sorte que le ui-viewp affiche a.index.html ?

ui-viewOù lit-on par défaut ? Où est ui-view contrôlé ?

Et la balise ui-sref compilée a n'a pas l'attribut href

Answer 1

angular.module("mainApp")
    .config(function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("a", {
                url: '/a',
                templateUrl: 'app/a/a.html'
            })
            .state("b", {
                url: '/b',
                templateUrl: 'app/b/b.html'
            })
        
        
app/index.html:


....
<p ui-view></p>
....
        

la page de contrôle de l'interface utilisateur passe par state Plus précisément, lorsqu'une page charge ui-router et sa configuration router associée (exemple de code ci-dessus), elle suivra la barre d'adresse. L'URL charge le modèle correspondant. Par exemple, si le chemin /a est accédé, ui-router saura que ce /a chemin correspond à a ce state, et son modèle est app/a/a.html, puis il chargera ce modèle et l'insérera dans la position de ui-viewdirective (cela n'est peut-être pas approprié, car l'état peut être hérité et les vues peuvent également être imbriquées, ce qui est très loin)

Il est recommandé de jeter un œil attentif au wiki ui-router