[javascript] Ember.js 하위 경로가 기본 애플리케이션 콘센트와 충돌합니다.

photos.index기본 루트로 photos.hbs넣은 다음 photos폴더 로 이동 하여 해결됩니다 .

App.PhotosIndexRoute = Ember.Route.extend(
  model: ->
      @store.find "photo"
      )
      
      App.PhotosApprovedRoute = Ember.Route.extend(
        model: ->
            @store.filter 'photo', approved: true, (photo) ->
                  photo.get 'approved'
                    renderTemplate: (controller) ->
                        @render 'photos/index',
                              into: 'application'
                                    controller: controller
                                    )
                                    
                                    App.PhotosDisapprovedRoute = Ember.Route.extend(
                                      model: ->
                                          @store.filter 'photo', approved: false, (photo) ->
                                                not photo.get 'approved'
                                                  renderTemplate: (controller) ->
                                                      @render 'photos/index',
                                                            into: 'application'
                                                                  controller: controller
                                                                  )
                                                                  

activeClass의 작업을 진행하기 위해, 나는 다음에 링크를 필요로 photos.index하는 대신 photos. 이렇게 :

{{!-- application.hbs --}}

<ul>
  <li>{{#link-to "photos.index" activeClass="selected"}}All photos{{/link-to}}</li>
    <li>{{#link-to "photos.approved" activeClass="selected"}}Approved{{/link-to}}</li>
      <li>{{#link-to "photos.disapproved" activeClass="selected"}}Disapproved{{/link-to}}</li>
      </ul>
      

이것이 같은 문제에 직면하는 모든 사람에게 도움이되기를 바랍니다!

출처
https://stackoverflow.com/questions/22079790