in ionic 2ディレクティブ、プロパティ、および属性の実際の違いは何ですか？

Question

標準的なhtml属性は、左側に属性名を、右側に値を引用符で囲んだものです。 （class = "buttons"） Ionicの要素の何かを変更するには、構文は値の名前のみで、引用符は使用しません。 しかし私は時々その値がディレクティブと呼ばれ、それ以外の時はプロパティ、それ以外の時は属性と呼ばれることに気付きました。違いは何ですか？ここ

はドキュメントからそれぞれの例である：

ボタンは、標準的な要素を使用するが、イオンボタン指令で強化されています。

<button ion-button>Button</button> 

ボタンの色を設定色プロパティ。イオンは簡単に上書きすることができ、デフォルトの色の数が含まれています

<button ion-button **color="light"** >Light</button> 

//私は属性がここにプロパティと呼ばれていると考えるもの。ボタンが大きく、または小さくする大属性を追加し、それを小さくする

<button ion-button color="light" **outline** >Light Outline</button> //outline is called a property as well. 

：

を

はちょうどアウトラインプロパティを追加し、ボタンのアウトラインスタイルを使用するには

<button ion-button **large** >Large</button> 

//ここでは大きな属性と呼ばれています。なぜそれを財産や指示と呼んでいないのですか？

違いがありますか？

Answer 1

ボタンは、Ionicが大部分を占める角度成分の1つです。だから、短い取得する：

• ion-buttonは、あなたがすることができますようにsource

• color、outline、largeはion-buttonコンポーネントの入力であり、ここでそれを見つけることができるよう[ion-button]セレクタの上に構築されるコンポーネントですまた、source

これらのすべてがattriですbutes。正確に[attribute]をAngularでコンパイルする必要がある場合は、[attr.attribute]バインディングを使用する必要があります。これは、ディレクティブ/コンポーネントとその入力には同じではありません。入力は、同時にディレクティブ/コンポーネントのプロパティです。