Question

我遵循了这个article而other我试图复制维基上的内容，没有任何运气。

到目前为止，这就是我所做的文件夹结构：

局部
- 索引
  - index.html //内部视图
  - index.css
  - index.js // controller
- 页脚
  - footer.html
  - footer.js
- 头
  - //相同的结构
index.html //主文件

stateProvider：

angular.module('app').config(function($stateProvider, $urlRouterProvider) {
        $stateProvider.state("index",
        {
            url: "/index",
            templateUrl:'/partial/index.html',
            views: {
                'footer@index': {
                    templateUrl: "/partial/header.html",
                    controller:"FooterCtrl"
                },
                'header@index': {
                    templateUrl: "/partial/header.html",
                    controller: "HeaderCtrl"
                }
            }
    });  
 $urlRouterProvider.otherwise('/index');

修改

这是标记：

<div>
    <div id="content" class="container">

        <div ui-view="header"></div>
        <div ui-view></div>
        <div ui-view="footer"></div>

    </div>
  </div>

我浏览的网址是：localhost：9001 /＃/ index

我没有任何错误只是一个空白页

Answer 1

看起来你在templateUrl上使用了错误的路径。

以下是使用ui-router的plunker：http://plnkr.co/edit/Nqwlkq1vGh5VTBid4sMv?p=preview

我还建议阅读http://angular-ui.github.io/ui-router/sample/#/的源代码，它在这里有一个抽象的实现，并且有很多关于如何正确使用ui-router的评论。

Answer 2

不要在网址末尾留下斜线

不工作： http://sjhite.com/questions/23924587的 /

工作： http://sijhte.com/questions/23924587

使用UI-Router的多个视图的空白页面

2 个答案: