angular.js - angular ui-router跳转

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>

怎样让ui-view这个p显示的是a.index.html?

ui-view默认读的是哪里的?ui-view是由哪里控制的?

而且 ui-sref 编译后那个 a 标签没有 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