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

您需要创建默认路线

spell

基于你的html一旦UI路由器取代了UI视图中的内容，2个链接就会消失，你需要一个带有这些链接的模板。

的index.html

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

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

default.html中

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

Answer 2

我会创建一个家庭状态并使用与a和b类似的方法

ui-router返回主页按钮

2 个答案: