ui-router返回首页按钮

Question

我试图用AngularJS构建网站，并且为此使用了Ui-router扩展。 我想问的是我应该如何配置“主页”按钮？

HTML：

<body>   
    <a href="#">Home Page</a>
<div ui-view>
<div>

    <a ui-sref="A">State A</a>
    <a ui-sref="B">State B</a>

</div>
</div>

Javascript：index.html没有状态。 这是必要的吗？

.$state('A', {
        url:"/A",
        templateUrl:"A.html",
        controller:"aController"
})
.$state('B', {
        url:"/B",
        templateUrl:"B.html",
        controller:"bController"
})

Answer 1

您将需要创建一个默认路线

// For any unmatched url, redirect to / (aka default)
$urlRouterProvider.otherwise("/");

// other routes
....
.$state('default', {
    url:"/",
    templateUrl:"default.html",
    controller: ""
})

一旦您的html替换了UI路由器中的UI视图中的内容，这两个链接就会消失，您将需要一个带有这些链接的模板。

的index.html

<body>   
    <a href="#">Home Page</a>
<div ui-view> <!-- The contents of this div are replaced with the states template -->
</div>
</body>

default.html中

<div>
   <a ui-sref="A">State A</a>
   <a ui-sref="B">State B</a>
</div>

Answer 2

我将创建一个本地状态并使用与a和b类似的方法

ui-router返回首页按钮

问题描述

2 个解决方案

解决方案1
2 已采纳 2015-10-17 13:31:02

解决方案2
0 2015-10-17 13:29:28

ui-router返回首页按钮

问题描述

2 个解决方案

解决方案1 2 已采纳 2015-10-17 13:31:02

解决方案2 0 2015-10-17 13:29:28

解决方案1
2 已采纳 2015-10-17 13:31:02

解决方案2
0 2015-10-17 13:29:28