我怎么可以使用的 Backbone 路由器Js在Html

h5qlskok  于 2022-11-10  发布在  其他
关注(0)|答案(2)|浏览(162)

作为我的html与路由器链接的Angular 4我如何可以设置路由器在 Backbone js html是下面提到的

<ul role="menu" class="sub-menu">
                <li><a [routerLink]="['/orderHistory']">History</a></li>
                <li><a [routerLink]="['/userprofile']">Profile</a></li>
                <li><a [routerLink]="['/addressbook']">Address Book</a></li>
                <li><a [routerLink]="['/preferences']">Preferences</a></li>
                <li><a [routerLink]="['/wishlist']">Wishlist</a></li>
            </ul>

我正在使用backboneJs和Handlersbar任何建议或好的方法将是非常有用的。提前感谢。我必须在我的应用程序中制作页脚和页眉。

w6lpcovy

w6lpcovy1#

您可以将<a>href设置为普通散列,如下所示:

<li><a href="#orderHistory">History</a></li>

或者,如果您的应用支持推送状态,则不需要哈希,例如:

<li><a href="/orderHistory">History</a></li>

并设置一个Backbone.Router示例。这个路由器示例将监听url中的变化,并调用您在示例化 Backbone 路由器时定义的回调。

smtd7mpg

smtd7mpg2#

您可以在backbone.js视图中执行以下操作

events: {
    'click a': 'changeRoute'
},
changeRoute: function(e) {
    e.preventDefault();
    var href = $(e.currentTarget).attr("href");
    router.navigate(href, true);
}

相关问题