Question

我有一个非常简单的appConfig：

var home = {
    name: 'home',
    url: '/home/'
};

var homeAccess = {
    name: 'home.access',
    url: 'access',
    views: {
       'home': {
           templateUrl: 'app/access/partials/webapi.html'
       }
    }
};

在我的index.html中，我有这段代码：

<div ui-view="home">home view here</div>

但是当我导航到家/访问时，我看到的是“家庭视图”这个词

任何人都可以看到我的访问页面出现错误可能会出错。

Answer 1

root stat home ，期待未命名视图目标 - 所以index.html应该包含它

//<div ui-view="home">home view here</div>
<div ui-view="">home view here</div>

home 状态现在应该包含其子

的目标

var home = {
    name: 'home',
    url: '/home/',
    template: '<div ui-view="home">home view here</div>'
};

或者我们可以在 home.access 状态中定位根视图，如下所示＆＃39; @ home＆＃39;：

var homeAccess = {
    name: 'home.access',
    url: 'access',
    views: {
       //'home': {
       'home@': {
           templateUrl: 'app/access/partials/webapi.html'
       }
    }
};

点击此处：Angular UI Router - Nested States with multiple layouts

Answer 2

正如我在评论中所写，您只向我们展示了一些变量，但您需要更改views部分：

var homeAccess = {
    name: 'home.access',
    url: 'access',
    views: {
       'home@': {
           templateUrl: 'app/access/partials/webapi.html'
       }
    }
};

AngularJS ui-router视图没有显示出来？

2 个答案: