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

The pageitems должны быть обернуты <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