Dart Polymer绑定属性

Question

我想使用neon-animated-pages

切换页面

所以我的代码很简单：

<dom-module id="auth-view">
  <template>
    <style>
    </style>
      <neon-animated-pages class="neon-container" selected="[[selected]]">
          <login-page></login-page>
          <pwd-reset-page></pwd-reset-page>
      </neon-animated-pages>
  </template>
</dom-module>

在飞镖码中：

@property
int selected = 0;

StreamSubscription _clickSubscription;

attached() {
  _clickSubscription = this.on['showPwdReset'].listen((e) {
    e = convertToDart(e);
    // Read things from `e`.
    print("Got show Event!");
    selected = 1;
  });
}

所以，我抓住了这个事件 - 我可以在控制台中看到它。但页面不会改变。

我仍然可以通过在shadow-dom中选择添加来手动更改它。

有什么问题？

Answer 1

页面项目应包含<neon-animatable> 像：

    <neon-animatable><login-page></login-page></neon-animatable>
    <neon-animatable><pwd-reset-page></pwd-reset-page></neon-animatable>

了解更多信息https://www.webcomponents.org/element/PolymerElements/neon-animation/neon-animatable