【问题标题】:What is ui-route?什么是ui路由?
【发布时间】:2015-01-25 02:37:24
【问题描述】:

我正在尝试使用完整的平均堆栈 (mean.js) 进行开发。我正在学习,所以也许这个问题是一个基本问题。我花了很多天时间阅读前端(angularjs)中不同的路由类型。我发现 ng-route 和 ui-router 之间存在差异,最后一个是 3rd 方模块,具有一些明显的优势。我在互联网上读到,如果我使用“ui-sref”,我会得到一个为我的状态生成的 html 和一个“href”标签。这个我明白,但是查了很多也没找到关于“ui-route”是干什么用的?

我安装了meanjshttp://meanjs.org/中提供的官方文章示例,我有这个看不懂。

    <ul class="nav navbar-nav navbar-right" data-ng-hide="authentication.user">
        <li ui-route="/signup" ng-class="{active: $uiRoute}">
            <a href="/#!/signup">Sign Up</a>
        </li>
        <li class="divider-vertical"></li>
        <li ui-route="/signin" ng-class="{active: $uiRoute}">
            <a href="/#!/signin">Sign In</a>
        </li>
    </ul>

ui-route 和 ng-class 的结合有什么用?总是需要的

谢谢

【问题讨论】:

    标签: angularjs angular-ui-router meanjs


    【解决方案1】:

    两者都是 Angular-UI 的一个子集,它的库提供了核心 Angular 之外的功能。两者都生成href。

    ui-sref 是路由插件ui-router 的一部分

    ui-routeui-utils 的一部分,这是一个包含许多额外方法的工具包。它还为您可以匹配的每个元素创建一个布尔值$uiRoute,从而使活动选项卡等内容更易于编码。有关更多文档,请参阅 http://angular-ui.github.io/ui-utils/

    因此,如果您在项目中使用ui-routerui-utils,则可以使用任何一种方法。否则,您可以根据需要进行选择。

    【讨论】:

    • 感谢您的回答。如果 ui-sref 和 ui-route 生成 href?为什么在该示例中明确声明?
    • 因为当您使用ui-route 时,它还会给出一个布尔值$uiRoute,您可以匹配它。使活动标签之类的东西更容易编码。我将更新我的答案以包含此内容,但请查看angular-ui.github.io/ui-utils的文档
    • 非常感谢,现在一切都清楚了
    猜你喜欢
    • 1970-01-01
    • 2019-07-24
    • 2011-01-27
    • 1970-01-01
    • 2017-01-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多