5

我不知道如何使用@observable 注释/Observable 类在对象状态发生变化时获得简单的通知。

import 'package:web_ui/observe.dart';

@observable class T{
  String x;
// what else is needed?
}

T t = new T();
observe(t, (e) => print ("Value changed"));
t.x = "Changed";

如果可能的话，我想在没有 web-ui 其余部分的情况下使用 observables（作为骨干网的替代品）。

4

2 回答 2

2

您将需要运行 dwc 编译器，它会查找 @observable 并生成实际实现观察的新源代码。我从来没有尝试在没有 Web UI 的情况下运行 observables，但你肯定需要 dwc 来生成正确的输出。

于 2013-03-12T05:55:31.270 回答
0

我只是花了一些时间尝试做同样的事情。如上面的答案所述，您不能在@observable没有 WebUI/Polymer 的情况下使用注释。但是，您可以使用 observable 包。这是一个简单的例子：

import 'package:observe/observe.dart';

void main() {
  var person = new Person(18, false);

  person.changes.listen((List<ChangeRecord> changes) {
    changes.forEach((PropertyChangeRecord change) {
      print("$change");
    });
  });

  person.changes.listen((List<ChangeRecord> changes) {
    changes.where((PropertyChangeRecord c) => c.name == #employed).forEach((PropertyChangeRecord change) {
      print("Employment status changed!");
    });
  });

  print("start changing");

  person.age =  19;
  person.age =  19;
  person.age =  19;
  person.age = 20;
  person.employed = true;
  person.age = 21;
  person.age = 22;

  print("finish changing");
}

class Person extends ChangeNotifier {

  int _age;
  int get age => _age;
  void set age (int val) {
    _age = notifyPropertyChange(#age, _age, val);
  }

  bool _employed;
  bool get employed => _employed;
  void set employed (bool val) {
    _employed = notifyPropertyChange(#employed, _employed, val);
  }

  Person(this._age, this._employed);
}

这些事件是异步的，因此如果您依赖这些事件的顺序，请小心。上述程序的输出是

start changing
finish changing
#<PropertyChangeRecord Symbol("age") from: 18 to: 19>
#<PropertyChangeRecord Symbol("age") from: 19 to: 20>
#<PropertyChangeRecord Symbol("employed") from: false to: true>
#<PropertyChangeRecord Symbol("age") from: 20 to: 21>
#<PropertyChangeRecord Symbol("age") from: 21 to: 22>
Employment status changed!
于 2014-01-05T15:24:06.367 回答