javascript – Ember.js錨鏈接

/ li>所以點選它需要我到該登入div,但當我點選重新整理或直接去與連結的連結我得到未捕獲的錯誤：沒有路由匹配的URL“登入”

任何人都有任何想法如何在Ember中完成這個簡單的任務？謝謝.

更新

我的程式碼如下所示：

導航

<ul class="nav navbar-nav pull-right">
<li><a href="#login">Signup</a></li> 
<li>{{#linkTo 'about'}}About{{/linkTo}}</li>
 </ul>

和我在頁面上的某個地方

<section id="login">
 -- some content
</section>

查詢引數

根據“查詢引數”方法更新了答案(目前截至2013年12月21日的特色標誌)

基於ofollow,noindex" target="_blank">alexspellers 原始JSFiddle,完整的演示可以在這裡找到：http://jsfiddle.net/E3xPh/

在您的路由器中,新增對查詢引數的支援

App.Router.map ->
@resource 'index', path: '/', queryParams: ['anchor']

使用您選擇的路由,在setupController方法中為錨查詢引數設定屬性.

App.IndexRoute = Em.Route.extend
setupController: (controller, context, queryParams) ->
controller.set 'anchorLocation', queryParams.anchor

最後在您的Controller中為anchorLocation屬性建立一個觀察者.

App.IndexController = Em.ArrayController.extend
showAnchor: (->
$elem = $(@anchorLocation)
$scrollTo = $('body').scrollTop($elem.offset().top)
).observes 'anchorLocation'

現在,您可以使用模板中的以下程式碼滾動到錨點或將瀏覽器指向/#/？anchor =#login.

{{#linkTo anchor='#login'}}Show login{{/linkTo}}

簡單的行動方法

根據您在第一個答案的評論中寫的內容可能的答案.在這裡一起搞砸了一些簡單的東西

http://jsbin.com/osEfokE/11

單擊索引連結將轉到IndexRoute並滾動到登入框,但是該URL不反映此更改,並且鍵入#login將無法正常工作.

App.ApplicationRoute = Ember.Route.extend({
events: {
goToLink: function(item, anchor) {
var $elem = $(anchor);
var $scrollTo = $('body').scrollTop($elem.offset().top);

this.transitionToRoute(item.route).then($scrollTo);//.transitionTo is depricated
}
}
});

而不是使用linkTo,當您要滾動到錨點時,您將在模板中使用goToLink.

<ul>
<li><a href="#/" {{action goToLink "index" "#login"}}>Index</a></li>
<li>{{#linkTo about}}About{{/linkTo}}</li>
<li>{{#linkTo contact}}Contact{{/linkTo}}</li>
</ul>