Ember.js: `setupController`에서 컨트롤러 속성을 설정해도 쿼리 매개 변수가 업데이트되지 않습니다.

Ember.run.later 수정되었습니다 (먼저 완전히 구체화되었는지 확인) : http://emberjs.jsbin.com/kowoqo/1/edit

@machty- 여기서 예상되는 동작은 무엇입니까?

나는 우리가 이것에 대한 명시적인 테스트를 가지고 있다고 생각했습니다.

나는 이것이 버그라고 생각합니다. 우리는 이것에 대한 테스트를 가지고 있지만 초기 앱 부팅이 아닌 transitionTo 의 컨텍스트에서만 있습니다.

작업 : http://jsbin.com/mejeto/1#/about

이 버그 https://github.com/emberjs/ember.js/pull/5473에 대한 실패 테스트를 추가했습니다.
이 문제를 고치는 데 찌르려고 할 것입니다.

관련 문제를 우연히 발견 한 것 같아 GitHub에서 별도의 티켓이 필요한지 확실하지 않습니다.

export default Ember.Controller.extend({
    queryParams: ['modal'],
    modal: null,
    handleModal: function () {
        this.send('openModal', this.get('modal'));
    }.observes('modal')
});

export default Ember.Route.extend({
    actions: {
        openModal: function (name) {
            return this.render(name, {
                into: 'application',
                outlet: 'modal'
            });
        }
    }
});

이것은 Error while processing route: index Nothing handled the action 'openModal'. If you did handle the action, this error can be caused by returning true from an action handler in a controller, causing the action to bubble. 던질 때 부팅을 제외한 모든 경우에서 작동합니다.

Ember.run.next 사용하여 수정할 수 있습니다.

handleModal: function () {
    Ember.run.next(this, function () {
        this.send('openModal', this.get('modal'));
    });
}.observes('modal')

틀린 것 같지만.

JSBins :
Ember.run.next 가
Ember.run.next를 사용하면 콘솔에서 '다시 표시'됩니다.

@ Igor10k 나는이 똑같은 문제, 모달 등을

누구나 이것이 1.8에서 여전히 문제임을 확인할 수 있습니까?

@wagenet yes 이것은 1.8에서 여전히 문제입니다.
http://emberjs.jsbin.com/lezuhu/1/edit?html , js, output

그리고 카나리아 :
http://emberjs.jsbin.com/doyohe/1/edit?html , js, output

@machty- 생각?

나는 이것이 1.8.1을 사용하는 나에게도 버그라고 생각합니다. 내가 원하는 것은 특정 queryParam이 변경 될 때마다 컨트롤러에서 특수 메서드를 호출하는 것입니다. 이런 모양의 라우터가 있습니다.
어떤 충고?

// ...snip...

// for pagination
queryParams: {
  offset: {
    refreshModel: true
  }
},

model: function(params) {
  // returns model
},

setupController: function(controller, model) {
  this._super(controller, model);
  controller.set('model', model);

  // Fetch results is a method that does a bunch work
  // sets up some filters, generates a promise, resolves that promise
  // and then sets some array data on the controller once promise resolves.
  // offset is a pagination feature which determines which specific results
  // are fetched. I would like to be able to call fetchResults everytime the
  // offset queryParam is changed. 
  Ember.run.later(function() {
    controller.sendAction('fetchResults');
  })
}

// ...snip...

@machty- 이것에 대한 파고를 시작할 위치에 대한 아이디어?

나는 같은 문제가 있습니다. 컨트롤러의 this.set ()은 URL의 쿼리 매개 변수를 업데이트하지 않습니다.

App.SearchController = Ember.Controller.extend ({
queryParams : [ '도메인'],
도메인 : null,

domainField : Ember.computed.oneWay ( '도메인'),
작업 : {
searchSubmit : function () {
this.set ( 'domain', this.get ( 'domainField')); // '도메인'매개 변수를 설정하지만 URL을 수정하지는 않습니다. 따라서 App.SearchRoute의 모델은 예상대로 호출되지 않습니다.
}
},
});

App.SearchRoute = Ember.Route.extend ({
queryParams : {
도메인: {
refreshModel : true // 전체 전환 선택
},

},
모델 : function (params) {
var 도메인 = params.queryParams.domain;

  return $.getJSON('/search?domain=usv.com&name=').then(function(resp){
  console.log(resp);
  return resp.data;
});

},
작업 : {
새로 고침 : function () {
Ember.Logger.log ( 'Route is now refreshing ...');
this.refresh ();
}
},
});

잠시 동안 해결 방법을 제공해 주시겠습니까?

명확히하기 위해 : 내 코드의 this.set ()은 Class 객체를 변경하지만 URL은 전혀 변경하지 않습니다.

이것은 고대이지만 여전히 문제인 것 같습니까? 상황을 파악할 수는 없지만 컨트롤러에서 쿼리 매개 변수를 설정하려고하면 주기적으로 URL로 전파되지 않습니다. 컨트롤러에서 속성 값을 확인할 수 있고 올바르게 설정되어 있지만 URL이 변경되지 않았습니다. Ember.run.next 을 (를) 사용해 보았습니다. 비애!

이 문제도 경험

@rwjblue : 이것에 대한 업데이트가 있습니까?

모든 업데이트? 여기에서 컨트롤러에서 값을 변경할 때도 url은 몇 ms 동안 업데이트되고 컨트롤러가 변수에 새 값이 있더라도 이전 값으로 돌아갑니다.

해결 방법은 다음과 같습니다.

컨트롤러에서 설정된 후 다음 실행 루프에서 쿼리 매개 변수를 변경하는 관찰자를 추가합니다. 이 예에서는 URL에서 token 쿼리 매개 변수를 제거하고 싶었고이 접근 방식은 잘 작동합니다.

import Ember from 'ember';

export default Ember.Controller.extend({
  queryParams: ['token'],

  token: null,

  unsetToken: Ember.observer('token', function() {
    if (this.get('token')) {
      Ember.run.next(this, function() {
        this.set('token', null);
      });
    }
  }),
});

오늘 부팅시 setupController에서 쿼리 매개 변수를 설정하려고 할 때 이것을 만났습니다. run.next는 해결 방법처럼 보이지만 적절한 해결책은 2 개의 경로를 갖는 것이며 부팅시 첫 번째 경로는 쿼리 매개 변수 값을 사용하여 두 번째 경로로 전환 할 것입니다.

엠버 2.8

분류 정책에 따라 문제를 비활성으로 표시합니다.

나도 Ember 2.11에서이 문제를보고 있는데, 컨트롤러에서 쿼리 매개 변수를 지우려고 해도 효과가 없습니다.

편집 : 이 모든 재즈를 무시하십시오. 여기에는 몇 가지 잘못된 / 잘못된 정보가 있으며 @locks 는 바로 아래에 동적 세그먼트 대신 쿼리 매개 변수를 사용하는 훨씬 더 나은 솔루션을 제시했습니다. get 에서 삭제 및 설정하는 섀도우 계산 속성을 사용하여 쿼리 매개 변수를 일반 속성에 바인딩합니다 (이전 시도에는 쿼리 매개 변수를 set 에 삭제되고 설정된 계산 된 속성에 바인딩하는 것이 포함되었습니다) . 소음 죄송합니다!

// app/router.js
Router.map(function() {
  this.route('shop');
});

// app/routes/shop.js
export default Ember.Route.extend({
  queryParams: {
    _selectedItemIndex: {
      replace: true
    }
  }
});

// app/controllers/shop.js
import computed from 'ember-macro-helpers/computed';

export default Ember.Controller.extend({
  cart: Ember.service.inject(),

  queryParams: {
    _selectedItemIndex: 'i'
  },

  _selectedItemIndex: 0,

  selectedItemIndex: computed('_selectedItemIndex', {
    get(index) {
      const itemsLength = this.get('cart.items.length');

      if (isNaN(index) || index < 0 || index >= itemsLength) {
        index = 0;
      }

      return this.set('_selectedItemIndex', index);
    },

    set(index) {
      return this.set('_selectedItemIndex', index);
    }
  })
});

// app/router.js
Router.map(function() {
  this.route('shop', function() {
    this.route('index', { path: '/' });
    this.route('select', { path: '/:index' });
  });
});

// app/routes/shop.js
export default Ember.Route.extend({
  setupController(controller, model) {
    this._super(...arguments);

    // some logic to set up the cart service
  },

  model() {
    // fetch products to shop
  }
});

// app/controllers/shop.js
export default Ember.Controller.extend({
  cart: Ember.service.inject(),

  selectedItemIndex: 0,

  actions: {
    selectItem(index) {
      return this.replaceRoute('shop.select', index);
    }
  }
});

// app/routes/shop/index.js
export default Ember.Route.extend({
  beforeModel() {
    return this.replaceWith('shop.select', 0);
  }
});

// app/routes/shop/select.js
export default Ember.Route.extend({
  setupController(_, { index }) {
    this._super(...arguments);

    const
      parentController = this.controllerFor('shop'),
      itemsLength = parentController.get('cart.items.length');

    index = parseInt(index, 10);
    if (Number.isNaN(index) || index < 0 || index >= itemsLength) {
      return this.replaceWith('shop.index');
    }

    parentController.set('selectedItemIndex', index);
  },

  model: _ => _
});

@mwpastore 업데이트에 감사드립니다. 좋은 주말 보내세요!

@locks 원하는 경우 문서 문제를 다시 열어 setupController 에이 를 기록하십시오 (예로

@mwpastore https://discuss.emberjs.com/ 의 포럼에 귀하의 솔루션에 대한 게시물을 추가 할 수있는 것 같습니다.

이 문제는보고하는 버그를 해결하기위한 대체 솔루션으로 종결되었으며 해당 솔루션에는 계산 된 getter에서 속성 설정이 포함됩니다.

이것에 대한 업데이트가 있는지 궁금합니다.

Route의 setupController 내에서 Ember.run.next 있습니다.