如何訂閱可觀察字段的更改

直到最近我可以使用bindProperty（如下面所示或在this question中），但是這改變了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（模型，#isLoggedIn，（）=> doSomething的（））;

} 
} 

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

來源

2013-10-04 Günter Zöchbauer

隨着Polymer.dart 0.8或更高版本，你也可以使用這種便利的形式：

isLoggedInChanged(oldValue) { 
    doSomething(); 
}

注意如何創建你的PolymerElement內的方法，它使用的名稱yourFieldName *更改

還有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; } 
}

來源

2013-10-08 05:51:39

Polymer.dart> = 1.0.0

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

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

或

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

Polymer.dart < 1.0.0

好的，發現它

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

來源

2013-10-04 16:52:13

看來，語法已經改變了一點點。現在君特提出的解決方案的語法似乎是：

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

來源

2015-02-12 08:23:23 Benjamin

如何訂閱可觀察字段的更改

回答

相關問題