紙のダイアログ内でdivでネオンアニメーションが機能しない

Question

<paper-dialog>を表示したい場合は、の中の<button>を押すと、ここに赤い四角形が表示され、<paper-dialog>のように表示されます何かをスキャンしています。

<paper-button raised onclick="dialog.open()">plain dialog</paper-button> 

<paper-dialog id="dialog"> 
     <div id="rect" style="width:100px;height:100px;background-color:red"></div> 
     <h1>essai</h1> 
     <h1>essai</h1> 
     <button on-tap="move" raised>Move above rectangle</button> 
     <h1>essai</h1> 
     <div id="fin">fin</div> 
</paper-dialog> 

しかし、アニメーションはまったく動作しない、ここに私のスクリプトのコードだ：だからここに私はそれらを作成する方法のコードです

is: 'my-qrcodescanner', 

    behaviors: [ 
     Polymer.NeonAnimationRunnerBehavior 
    ], 

    property: { 

     animationConfig: { 
      value: function() { 
      return { 
       'move': [{ 
        name: 'slide-down-animation', 
        node: this.$.rect 
       }, { 
        name: 'slide-up-animation', 
        node: this.$.rect, 
        timing: {delay: 100} 
       }] 
      } 
      } 
     } 
    }, 

    move: function() { 
     this.playAnimation('move'); 
    } 

私は、私のミスが表示されません私はそれをチェックし、アニメーション用のスクリプトでカスタムエレメント<my-animatable>を作成しようとしたところ、スタイルは赤い四角形として使用されましたが、どちらも機能しませんでした。

Hereは必要に応じて私のフルコードです。

今はスタイルが面倒ですが、後で改善します。ボタンをクリックしたときにアニメーションが機能したいだけです。

Answer 1

カスタム要素のプロパティの宣言に問題がありました。 propertyではなく、propertiesです。

これは誰にとっても発生する可能性があり、初心者にとってはこの間違いを認識することは難しいです。 Polymerまたはneon-animationの未定義のアニメーションについてのフィードバックはありません