Emberjs에서 다른 모델로 한 경로에서 다른 모델로 전환

Question

다른 검색 결과를 얻는 검색 페이지가 있습니다. 검색 결과 목록에서 나는

{{#linkTo 'someResources.someResource' result}}{{result.Name}}{{/linkTo}} 

를 사용하고 싶습니다 그리고 경로 someResources.someResource에 내가 검색 페이지에서보다 완전히 다른 모델을 사용하고 싶습니다. 어떻게해야합니까? linkTo에 대한 링크를 클릭하면 모델이 다시로드되지 않고 result 모델이 사용됩니다.

그래서 result의 값을 기준으로 someResources.someResource으로 이동할 때 모델을 다시로드하고 싶습니다.

App.SomeResource이라는 모델이 있고 해당 페이지로 바로 이동하면 작동하는 find 메소드가 있습니다.

Answer 1

linkTo을 사용하여 전환을 수행 할 때 모델의 전체 재로드를 원한다는 것은 문제의 모델에서 주어진 모델을 사용하고 있기 때문에 작동하지 않습니다. 문제에 대한 해결책은 실제로 매우 간단합니다. 대신 일반 html a 태그를 사용하십시오. 내가하고 결국은했다이 :

<a {{bindAttr href="somePropertyInYourModel"}}>{{someTextProperty}}</a> 

속성 somePropertyInYourModel 새 페이지의 URL을 포함하는 속성입니다. 주소가 Ember 경로에있는 경우 주소 표시 줄에 주소를 입력하고 Enter 키를 누른 것처럼 페이지의 전체를 다시로드하지 않는 것처럼됩니다. 내가 좋아하는 뭔가를 쓸 수 있다면이 생각

은 엠버 개선 될 수있는 일을, 그것은 훨씬 더 좋은 것 :

App.Router.map(function() { 
    this.resource("resourceA", {{path: "/resourceA"}}, function() { 
     this.route("routeB", {{path: "/:prop1/:prop2/:prop3"); 
    } 
}); 

: 나는 설정이 경로를 제공

{{#linkToRoute "resourceA.routeB" params="val1,val2,val3"}}Go here{{/linkToRoute}} 

내가 받고 싶습니다 :

<a href="#/resourceA/val1/val2/val3">Go here</a> 

val1,val2,val3의 순서는 중요합니다. 순서가 바뀌면 최종 URL에서 변경해야합니다.

Answer 2

당신이 발견 한대로 linkTo을 사용할 때 Ember는 model() 후크를 우회합니다. 가정은 모델을 전달 했으므로 그 모델을 으로 사용합니다 (result).

사용할 수있는 다음 훅은 setupController입니다. 직접 경로에서 작동하는 model 후크가 있으므로 여기에서 직접 호출 할 수 있습니다.

한 가지주의 할 점은 모델이 이미로드 된 직접 경로로드를 허용해야한다는 것입니다.

setupController: function(controller, model) { 
    if (!model.isModel) { 
    this.model().then(function(result)) { 
     controller.set('model', result) 
    } 
    } 
} 

model.isModel

는 linkTo로 전달 될 때 존재되어야 직접로드 모델에 isModel 속성을 통해이 체크된다.

참고 : 위의 코드는 model() 후크에 Promise을 반환한다고 가정합니다.