emberコンポーネントの動的パラメータ

Question

これは、レンダリング時にパラメータが渡されるコンポーネントを持っています。動的なパラメータを持つので、名前で正確に取得できません。私は多くの記事を検索しましたが、適切なものは見つかりませんでした。

Application.hbs

{{small-button type="small" edges="curved"}} 

小button.js

Ember.Component.extend({ 
tagName: "button", 
didInsertElement: function(){ 
    //need to get the dynamic params 
} 
}); 

私はparamキーのを知ってはいけません。どのように私のコンポーネントからすべてのパラメータを得ることができますbutton

ありがとうございます。

Answer 1

可能であれば、このユースケースの他の選択肢について考えることができます。今のところ私はthis.attrsをあなたのためだけに提案するつもりです。

didInsertElement: function(){ 
    //need to get the dynamic params 
    console.log(' Params keys ',Object.keys(this.attrs)); 
    console.log(' Param values ', Object.values(this.attrs)); 
} 

これを読む - https://locks.svbtle.com/to-attrs-or-not-to-attrs

を、なぜあなたはクラシックコンポーネントでattrsを使うべきではないのですか？クラシックコンポーネントではattrsがすでに存在していて、コンポーネントバインディングを管理するために内部的に使用されています。ほとんどの場合、アクションのためにそれを使用することをお勧めしますが、属性に使用すると問題が発生するため、これを念頭に置くよりも現在のAPIを使用する方が簡単です。