0

在此之前，我必须澄清一下，在过渡到 Ember 2.3 的过渡期间，我正在使用 legacy-controller 和 legacy-view，可在此处找到：

https://github.com/emberjs/ember-legacy-controllers

现在，我的（旧版）控制器上有一个名为 currentTopPost 的属性。

在 Ember 1.7 中，我有这样的设置：

// before observer
currentTopPostBeforeObserver: function(){
...
}.observesBefore('currentTopPost'),

// observer
currentTopPostBeforeObserver: function(){
...
}.observes('currentTopPost'),

我这样做的原因是，当currentTopPost更改时，我希望它在将其值切换到新属性之前保存旧的topPost ，因为它是一个 Post 对象（我有一个 Post 模型）。

当然，在 1.7 中，我将旧帖子保存在 beforeObserver 中，然后在观察者中执行我必须做的任何其他事情。现在，在 Ember 2.3 中，我进行了以下设置：

currentTopPostObserver: Ember.observer('currentTopPost', function(){
...

}),

就执行具有新值的功能而言，它可以正常工作。但是我已经失去了在值改变之前处理动作的能力。现在根据对这个问题的回答：

观察者如何找出 Ember.js 中被观察属性的前后值？

observesBefore函数已被弃用，我们应该遵循以下原则：

doSomething: Ember.observer( 'foo', function() {
  var foo = this.get('foo');
  var oldFoo = this.get('_oldFoo');

  if (foo === oldFoo) { return; }

  // Do stuff here

  this.set('_oldFoo', foo);
})

但是，在尝试使用 this.get("_oldCurrentTopPost") 时，我什么也没得到。如何在此属性更改之前访问它的旧值？

4

2 回答 2

3

我用作替代品的是：

propWillChange(prop) {
  //your new before observer
},

propDidChange: Ember.observer('prop', function() {

  let prop = this.get('prop');

  if (this._oldProp !== prop) {
    this.propWillChange(this._oldProp);
    this._oldProp = prop;
  }

  //Do stuff

})

当然，在第一次运行时，_oldProp将是undefined，但这是意料之中的，对吧？这是第一次prop被改变。

我也不同意不应该使用观察者。我同意如果可能的话应该避免观察者，因为很多人没有完全理解他们的副作用，但在很多情况下它们非常有用，尤其是在构建 3rd 方插件集成时。

由于该问题专门询问了 beforeObserver 替换，所以在这里。但是，如果可能的话，我建议重新考虑是否可以在没有观察者的情况下重建您的用例。

玩转： https ://ember-twiddle.com/045b7b9c1562ceb6bbdc

于 2016-02-12T00:15:53.460 回答
0

据我所知，没有特别好的方法可以恢复该机制。在许多情况下，观察者本身“被认为是有害的”，但我会尽力为您提供实用的替代解决方案。

我能想到的最好的快速且相对肮脏的方法是使用 getter 和 setter 创建一个“代理”计算属性。在设置器中，您可以获取“真实”属性的先前值，调用函数来执行任何操作，然后在真实属性上设置新值。

这是您可以使用的示例：

myProxyProperty: Ember.computed('myRealProperty', {
  get() {
    return this.get('myRealProperty');
  },
  set(key, value) {
    const oldValue = this.get('myRealProperty');

    this.doSomethingWithOldValue(oldValue);

    this.set('myRealProperty', oldValue);
  }
})

不幸的是，我目前不知道在新的 Ember 中执行此操作的更好方法。

于 2016-02-11T23:35:00.243 回答