1

テンプレートバインディングを使用して関数/メソッド参照を渡したいです。これは機能するはずですか？私は何を間違っていますか？

index.dart

@observable
class Model() {
  onSignOutCallback(message) {
    print(message);
  }
}

main() {
  query("#tmpl").xtag.model = new Model(); 
  TemplateElement t = query("#plus-login-tmpl") as TemplateElement;
  t.bindingDelegate = new PolymerExpressions();
}

index.html

... ... ...

my_component.html

<polymer-element name="my-component" attributes="sign-out-callback">
  <button on-click="{{signOutCallback}}>Sign out</span>
</polymer-element>

my_component.dart

typedef void OnSignOutCallback(message);

@CustomTag("my-component")
class MyComponent extends PolymerElement with ObservableMixin {
  OnSignOutCallback onSignOutCallback;

  @override
  inserted() {
    super.inserted();
    onSignOutCallback("signed out"); // test if value was assigned        
  }
}
4

1 に答える 1

1

次のようにモデルを変更する必要がありました

class Model() {
  var onSignOutCallback;

  Model(){
    onsignOutCallback = signOutCallback;
  }

  signOutCallback(message) {
    print(message);
  }
}

現在、Polymer 要素内で行うように、HTML でメソッドを直接参照することはできないようです。ただし、メソッドをモデルのフィールドに割り当て、HTML でフィールドを参照することは機能します。

于 2013-09-19T09:44:48.207 に答える