前端 - angular ui-router 模板内容不显示

Question

求助问题：引用了angularjs的ui-router服务，但是模板内容没有显示

找了半天错误，没发现哪里有问题，又跑去看官方文档，还是没有发现。又碰到类似问题的道友么？
代码地址 https://github.com/fantaishao/angular-directive/blob/master/table-directive/scripts/app/app.js
页面始终是空白的

控制台没有报错

这是我的文档目录结构

index页面内容

其中的一个模板内容 【顶部导航navbar，其他模板类似】

Answer 1

Atribut

abstract digunakan untuk mentakrifkan laluan abstrak, yang digunakan apabila menyarangkan takrif laluan Selain itu, selepas mentakrifkan atribut abstract, pasti akan ada atribut template atau templateUrl subview ke dalam paparan induk.

Anda tidak melibatkan penghalaan bersarang di sini, anda hanya mahu memuatkan tiga templat ke lokasi yang sepadan pada halaman pada masa yang sama. Kemudian, tidak perlu menggunakan baris abstract:true kod. Barisan ini pasti perlu pergi.

Kemudian. Satu <p ui-view></p> hanya boleh memuatkan satu paparan Jika anda mahu memuatkan tiga templat ke dalam index.html pada masa yang sama, maka anda perlu mentakrifkan tiga index.html dengan nama yang berbeza dalam ui-view, dan kemudian, dalam <🎜 anda. >, tambah tiga app.js ini dengan nama yang berbeza ke dalam kod templat yang sepadan untuk dimuatkan. ui-view

Contohnya:

Dalam

anda, tulis seperti ini index.html

<!-- index.html -->
<p ui-view="navbar"></p>
<p ui-view="sidebar"></p>
<p ui-view="footer"></p>

Kemudian, dalam

anda, tulis seperti ini: app.js

/* app.js */
/* 我就简写主要的部分了 */
$stateProvider
    .state('site', {
        url: '/site',
        views: {
            'navbar': {
                templateUrl: '',
                controller: ''
            },
            'sidebar': {
                templateUrl: '',
                controller: ''
            },
            'footer': {
                templateUrl: '',
                controller: ''
            }
        }
    })

Answer 2

Saya baru sahaja mencuba kod anda dan tiada masalah Hanya lawati http://127.0.0.1:8888/#/site dan ia akan berfungsi (Apabila anda mencuba sendiri, cuma tukar port dan mesin kepada anda)

Ambil tangkapan skrin

Anda boleh menggunakan ini, jika URL semasa tidak sepadan, lompat ke halaman yang ingin anda paparkan

$urlRouterProvider.otherwise("/site");

Answer 3

Di manakah pandangan-ui dalam html?