前端 - 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

L'attribut

abstract est utilisé pour définir des routes abstraites, qui sont utilisées lors de l'imbrication des définitions de routes. De plus, après avoir défini l'attribut abstract, il y aura certainement un attribut template ou templateUrl Home. sous-vue dans la vue parent.

Vous n'impliquez pas de routage imbriqué ici, vous souhaitez simplement charger trois modèles aux emplacements correspondants sur la page en même temps. Ensuite, il n’est pas nécessaire d’utiliser la ligne de code abstract:true. Cette ligne doit absolument disparaître.

Alors. Un <p ui-view></p> ne peut charger qu'une seule vue. Si vous souhaitez charger trois modèles dans index.html en même temps, vous devez alors définir trois index.html avec des noms différents dans ui-view, puis dans votre In <. 🎜>, ajoutez ces trois app.js avec des noms différents dans le code du template correspondant à charger. ui-view

Par exemple :

Dans votre

, écrivez comme ceci index.html

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

Puis, dans votre

, écrivez comme ceci : app.js

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

Answer 2

Je viens d'essayer votre code et il n'y a pas de problème. Visitez simplement http://127.0.0.1:8888/#/site et cela fonctionnera (Lorsque vous l'essayerez vous-même, changez simplement le port et la machine par le vôtre).

Prendre une capture d'écran

Vous pouvez l'utiliser, si l'URL actuelle ne correspond pas, accédez à la page que vous souhaitez afficher

$urlRouterProvider.otherwise("/site");

Answer 3

Où est la vue ui en HTML ?