dart - 如何订阅可观察字段的更改

Question

直到最近我可以使用如下所示或在这个问题中显示的 bindProperty ，但是随着 0.8.0 的变化，我不知道如何更改我的代码以获得旧的行为（doSomething() 被调用）：

<polymer-element name="my-login" attributes="model">
  <template>
    <template if="{{"model.isLoggedIn}}">
      ...
    </template>
  </template>
  <script type= ... ></script>
</polymer-element>

.

@CustomTag("my-login")
class MyLogin extends PolymerElement with ObservableMixin {
  LoginModel model;

  @override
  inserted() {

  void doSomething() {
   ...
  }

logoutChangeSubscription = bindProperty(model, #isLoggedIn, () => doSomething());

  }
}

class Model extends Object with ObservableMixin {
  @observable bool isLoggedIn = false;
}

Answer 1

使用 Polymer.dart 0.8 或更高版本，您还可以使用这种方便的形式：

isLoggedInChanged(oldValue) {
  doSomething();
}

请注意如何在 PolymerElement 中创建一个使用yourFieldName *Changed名称的方法

这里也onPropertyChange有定义：http: //api.dartlang.org/docs/bleeding_edge/observe.html#onPropertyChange

从文档：

class MyModel extends ObservableBase {
  StreamSubscription _sub;
  MyOtherModel _otherModel;

  MyModel() {
    ...
    _sub = onPropertyChange(_otherModel, const Symbol('value'),
        () => notifyProperty(this, const Symbol('prop'));
  }

  String get prop => _otherModel.value;
  set prop(String value) { _otherModel.value = value; }
}

Answer 2

聚合物.dart >= 1.0.0

@Property(observer: 'doSomething') bool isLoggedIn;

@reflectable
void doSomething(bool newValue, bool oldValue) => ...

或者

@Observe('isLoggedIn') 
void doSomething(event, detail) => ...

聚合物.dart < 1.0.0

好的，找到了

new PathObserver(model, "isLoggedIn").changes.listen((e) => doSomething());

Answer 3

似乎语法发生了一些变化。Günter 提出的解决方案的语法现在似乎是：

new PathObserver(model, "isLoggedIn").open((e) => doSomething());