Polymer2のカスタムMixinにPolymer.AppNetworkStatusBehaviorを拡張する方法は？ポリマー1.0で

Question

は、私は、次のコードスニペットを持っている： -

CustomBehaviorImpl = { 
    properties: { 
    // Define property here... 
    // ... 
    }, 
    // Other custom behaviors definition 
    // ... 
}; 

CustomBehavior = [ 
    Polymer.AppNetworkStatusBehavior, 
    CustomBehaviorImpl, 
]; 

私はCustomMixinクラスを作成するために、ポリマー2.0でそれをどのように行うだろう。

Answer 1

mixinsを独自のファイルに分割すると、mixinを使用する要素を作成するたびに、それらをHtml Import依存関係として参照できます。 Polymerクラスをカスタムビヘイビアで拡張するだけです。

私はこの質問は既にここでは、stackoverflowで答えられたと思います。
この1を見てみましょう：

Applying Behaviors with JS Mixins in Polymer 2

例を

これはこれは私がを利用することが私のポリマー要素である私のCustomMixin.html

<script> 

    // CustomMixin provides the _customMixin function 

    var CustomMixin = function(superClass) { 
    return class extends superClass { 

     _customMixin() { 

     } 

    } 
    } 
</script> 

ですCustomMixin。

<link rel="import" href="../../bower_components/polymer/polymer-element.html"> 
<link rel="import" href="../CustomMixin/CustomMixin.html"> 
<dom-module id="my-element"> 
    <template> 
    <style> 
    :host { 
     display: block; 
    } 
    </style> 
    </template> 
    <script> 
    class MyElement extends CustomMixin(Polymer.Element) { 
     static get is() { return 'my-element'; } 
     static get properties() { 
     return { 
     }; 
     } 
     ready() { 
     super.ready(); 
     } 

    } 
    window.customElements.define(MyElement.is, MyElement); 
    </script> 
</dom-module> 

私は実際にそのコードをテストしたことはありませんが、私は、これはカスタムミックスインを実装する方法であるべきと考えています。