如何观察 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

我想在控制器中有一个方法可以观察所有这些属性，但不必列出它们，例如：

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 被触发。这可以在控制器或路由中使用，以在查询参数更改时触发您需要运行的任何逻辑。

例子：

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

Example jsbin 来自the PR