ember.js - 如何观察 Ember 中不断变化的查询参数？

Question

如何在 Ember.js 中观察多个查询参数，使用 query-params-new , 没有在 observes() 中明确列出每一个, 或 property() .

假设我有以下查询参数列表:

queryParams: [
    'first',
    'second',
    'third',
    'fourth',
    'fifth',
    'sixth',
    'seventh',
    'eighth',
    'ninth',
    'tenth'
],

first: null,
second: null,
third: null,
fourth: null,
fifth: null,
sixth: null,
seventh: null,
eighth: null,
ninth: null,
tenth: null

我想在 Controller 中有一个方法来观察所有这些属性，但不必列出它们，例如:

something: function() {
    ...
}.property('first', 'second', 'third', ...)

编辑:

我遍历了 queryParams数组，并在相应的属性上为每个对象设置一个观察者，如下所示:

init: function () {
    this._super();
    var queryParams = this.get('queryParams');
    var self = this;
    queryParams.forEach(function (param) {
        self.addObserver(param, self, 'updateSelectedOptionsIfQueryParamsChange');
    });
},

它按预期工作。有没有更好的方法来做到这一点，或者这是正确的？

Answer 1

当查询参数更改操作时 queryParamsDidChange被解雇。这可以在 Controller 或路由中使用，以在查询参数更改时触发您需要运行的任何逻辑。

例子:

App.ApplicationRoute = Ember.Route.extend({
  actions: {
    queryParamsDidChange: function() {
      // do some funky stuff
    }
  }
});

Example jsbin来自 the PR