경로를 다른 경로로 리디렉션

Question

경로 콜백이 실행되기 전에 경로를 다른 경로로 리디렉션하려고합니다. 나는 코드의 조각 다음 한 :이 코드는 Backbone.History.navigate 방법을 랩

console.log("file loaded"); 
(function (History) { 
    var _navigate = History.prototype.navigate; 

    _.extend(History.prototype, { 
     navigate: function (fragment, opts) { 
      alert("adad"); 
      return _navigate.call(this, fragment, opts); 
     } 
    }); 
})(Backbone.History); 

을하고 메서드 호출에 경고를 표시합니다. 그러나이 경고는 내가 노선을 바꿀 때 나타나지 않습니다.

console.log 줄은 파일이 backbone.js 뒤에로드되었는지 확인하기위한 것입니다.

이 코드에 어떤 문제가 있습니까?

Answer 1

나는 당신이 틀린 것을 무시하고 있다고 생각합니다 : 그 navigate은 당신이 생각하는대로 사용되지 않습니다.

우리가 Backbone.history.start의 일부를 살펴 보자 : 당신은 백본에서 라우팅을 처리하는 모든 다양한 방법 checkUrl보다는 navigate 통해 갈 것을 볼 수 있습니다

// Start the hash change handling, returning `true` if the current URL matches 
// an existing route, and `false` otherwise. 
start: function(options) { 
    //... 
    if (this._hasPushState) { 
    Backbone.$(window).on('popstate', this.checkUrl); 
    } else if (this._wantsHashChange && ('onhashchange' in window) && !oldIE) { 
    Backbone.$(window).on('hashchange', this.checkUrl); 
    } else if (this._wantsHashChange) { 
    this._checkUrlInterval = setInterval(this.checkUrl, this.interval); 
    } 

. checkUrl 메서드는 약간 바쁜 작업을 수행하며 loadUrl을 호출합니다. 하나 part of the busy work is this :

if (this.iframe) this.navigate(current); 

그래서 navigate가 호출됩니다 있지만 <iframe>은 당신이 IE의 이전 버전을 사용하는 경우에만 발생 hashchange 및 popstate 이벤트 및 AFAIK을 시뮬레이션하는 데 사용되는 경우에만 사용할 수 있습니다.

코드를 통해 일반적인 경로로 돌아갑니다. 우리는 checkUrl이 바쁜 일을하고 loadUrl을 호출하는 것을 보았습니다. loadUrl does this :

loadUrl: function(fragmentOverride) { 
    var fragment = this.fragment = this.getFragment(fragmentOverride); 
    var matched = _.any(this.handlers, function(handler) { 
    if (handler.route.test(fragment)) { 
     handler.callback(fragment); 
     return true; 
    } 
    }); 
    return matched; 
} 

당신이 route method in History와 볼 경우 route method in Route 당신이 handler.callback이 라우터 중 하나에서 경로 핸들러를 호출하고 라우팅 이벤트를 트리거 것입니다 것을 볼 수 있습니다. 당신이 경로 처리기가 호출되기 전에 재 지정하려면,이 같은 뭔가 loadUrl을 대체 할 수

navigate: function(fragment, options) { 
    Backbone.history.navigate(fragment, options); 
    return this; 
} 

: : 교체하고

navigate 방법은 거의에만 Router's navigate에 의해 사용되는

(function(History) { 
    var _loadUrl = History.prototype.loadUrl; 
    _.extend(History.prototype, { 
     loadUrl: function() { 
      var args = [].slice.apply(arguments); 
      args[0] = this.getFragment(args[0]); 
      // If args[0] is the fragment that you want to 
      // redirect then replace it here or do whatever 
      // needs to be done. 
      return _loadUrl.apply(this, args); 
     } 
    }); 
})(Backbone.History); 

데모 : http://jsfiddle.net/ambiguous/e4KYK/

전반적으로 당신이 더 나은 것 같아요 off : 정상적인 경로 처리기에서 리디렉션을 처리합니다. 문제가되는 경로가 호출되면 라우터가 무엇이든간에 navigate을 호출하면됩니다.

---

는 start method 그래서 여기에 모든 것이 변경 될 수 있습니다 넘어 Backbone.History이 문서화되어 있지 않습니다 있음을 유의하십시오.