javascript - ui-router返回主页按钮

标签 javascript angularjs angular-ui-router

我正在尝试使用 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"
})       

最佳答案

你需要创建一个默认路由

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

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

根据您的 html,一旦 UI-router 替换了 UI View 中的内容,2 个链接就会消失,您将需要一个包含这些链接的模板。

index.html

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

默认.html

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

关于javascript - ui-router返回主页按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33186714/

相关文章:

javascript - 在 $stateChangeStart 触发之前解决抽象父级中的 promise

javascript - 嵌套在指令中的 angular-ui View 不会加载 View 内容

javascript - Service Worker app-shell PHP 实现

javascript - 以安全的方式将 JS 数据保存到数据库中

javascript - 如何处理带有点 (.) 字符的 angularJS UI 路由器

angularjs - 将变量从服务/工厂绑定(bind)到 Controller

javascript - Angular Material md-card 没有响应

JavaScript - 将时间戳转换为日期,然后转换回时间戳

javascript - 动态生成元素上的 knockout 数据绑定(bind)

javascript - 如何为多个 AngularJS 项目使用相同的代码库