dart - Dart Polymer 1.0-双向装订有效吗？

Question

Dart Polymer 1.0-RC2中的双向装订工作？

当我在.dart中更改字段@Property(nofity:true)时，它不会反射(reflect)(更改)为.html中的{{}}。

请参见以下示例。

我点击了纸按钮，那是消防脚步，属性文本已更改，但{{text}}却没有更改!

main_app.html

<dom-module id="main-app">
  <style>
    :host {
      display: block;
    }
  </style>

  <template>
    <paper-input label="Type something..." value="{{text}}"></paper-input>
    <p>
      Text: <span>{{text}}</span><br />
    </p>
    <paper-button on-click="clicar">cliqueme</paper-button>
    </p>
  </template>
</dom-module>

main_app.dart

@HtmlImport('main_app.html')
library untitled8.lib.main_app;

import 'dart:html';

import 'package:polymer_elements/paper_button.dart';
import 'package:polymer_elements/paper_input.dart';
import 'package:polymer/polymer.dart';
import 'package:web_components/web_components.dart';

@PolymerRegister('main-app')
class MainApp extends PolymerElement {
  @Property(notify: true)
  String text;

  MainApp.created() : super.created();

  @reflectable
  void clicar(e, detail) {
    text = "super teste";
  }
}

Answer 1

您需要使用提供的方法来更新属性，例如

 set('text', "super teste");

notify: true仅用于通知父元素(触发 test-changed事件)
PolymerBase mixin中有很多这样的方法，您可以通过扩展 PolymerElement来自动添加这些方法，并通知Polymer有关更改。

notifyPath(当前与set相同)

对于收藏有

add

addAll

clear

fillRange

insert

insertAll

removeItem

removeAt

removeLast

removeRange

removeWhere

replaceRange

retainWhere

setAll

setRange

还有一个

get

不知道该用什么。