angular.js - angular ui-router 模板内容不显示-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

angular.js - angular ui-router 模板内容不显示

迷茫 2017-05-15 17:09:48

[AngularJS讨论组]

769

找了半天错误，没发现哪里有问题，控制台也没报错，又跑去看官方文档，还是没有发现。
页面始终是空白的，有没有遇到同样情况的指导一下，刚开始学angular。

index.html

app.js

main.html

content.html

想要在main.html添加固定的头部和侧边栏，可是一直显示不出来，页面都是一片空白。

迷茫

业精于勤，荒于嬉;行成于思，毁于随。

全部回复(4)

给我你的怀抱2017-05-15 17:11:48 4楼

看路由设置是否地址写错，页面和controller没错的话一般是ui-router的问题

赞 +0

添加回复

PHP中文网2017-05-15 17:11:48 3楼

你的main为嘛设成abstract?

赞 +0

添加回复

曾经蜡笔没有小新2017-05-15 17:11:48 2楼

1.把index.html中ui-view那个class去掉。
2.路由里，$urlRouterProvider.otherwise('/main');

赞 +0

添加回复

我想大声告诉你2017-05-15 17:11:48 1楼

这样写：

        .state('book', {
            url: '/book',
            template: '<p ui-view></p>',
            abstract: true,
            resolve: {
                load: ['$ocLazyLoad',
                    function($ocLazyLoad) {
                        return lazyDeferred = $ocLazyLoad.load([{
                            files: [
                                './css/book.css'
                            ]
                        }, {
                            name: '73go.book',
                            files: [htmlBase + 'book/main.js']
                        }]);
                    }
                ]
            }
        })

        .state('book.list', {
            url: '',
            templateUrl: htmlBase + 'book/list.html',
            data: {
                title: '需求及方案'
            }
        })

resolve 你可以不用管，是跟OClazyLoad的搭配

abstract: true,设置了这个，界面就显示不出来了。你main设置了

赞 +0

添加回复