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>
....
        

ui-router mengawal halaman melalui state Khususnya, apabila halaman memuatkan ui-router dan konfigurasi router yang berkaitan (kod contoh di atas), ia akan mengikut bar alamat URL memuatkan templat yang sepadan contoh, jika laluan /a diakses, ui-router akan mengetahui bahawa laluan /a ini sepadan dengan a ini state, dan templatnya ialah app/a/a.html, dan kemudian ia akan Memuatkan templat ini dan memasukkannya ke dalam kedudukan ui-viewdirective (ini mungkin tidak sesuai, kerana negeri boleh diwarisi dan pandangan juga boleh bersarang, yang jauh sekali)

Adalah disyorkan untuk melihat dengan teliti wiki ui-router