Properties 在ionic 2中,指令、属性和属性之间的真正区别是什么?

Properties 在ionic 2中,指令、属性和属性之间的真正区别是什么?,properties,attributes,ionic2,Properties,Attributes,Ionic2,因此,标准的html属性是一个属性名在左边,值在右边的引号中的属性。(class=“按钮”) 要在Ionic中更改某个元素,语法仅为value name,不带引号。 但我注意到,有时该值称为指令,有时称为属性,有时称为属性。有什么区别 以下是文档中的每个示例: 按钮使用标准元素,但通过离子按钮指令增强 <button ion-button>Button</button> 按钮 颜色属性设置按钮的颜色。爱奥尼亚包括许多易于覆盖的默认颜色: <button ion-

因此,标准的html属性是一个属性名在左边,值在右边的引号中的属性。(class=“按钮”) 要在Ionic中更改某个元素,语法仅为value name,不带引号。 但我注意到,有时该值称为指令,有时称为属性,有时称为属性。有什么区别

以下是文档中的每个示例:

按钮使用标准元素,但通过离子按钮指令增强

<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. 
Light Outline//Outline也被称为属性。
添加“大”属性使按钮变大,或添加“小”属性使按钮变小:

<button ion-button **large** >Large</button> 
大型
//在这里,large被称为属性。为什么不称之为属性或指令


这有什么区别吗

按钮是一种主要由离子组成的角组件。简而言之:

  • ion按钮
    是基于
    [ion按钮]
    选择器构建的组件,您可以在中找到它

  • 颜色
    轮廓
    离子按钮
    组件的输入,如中所示

从DOM的角度来看,所有这些都是属性。虽然如果您确实需要使用Angular编译一个精确的
[attribute]
,但您必须使用
[attr.attribute]
绑定,这与指令/组件及其输入不同。输入同时是指令/组件的属性