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

Question

所以一个标准的 html 属性是一个属性名称在左边，值在右边的引号中。 (class="按钮") 要在 Ionic 中更改元素上的某些内容，语法只是值名称，没有引号。 但是我注意到有时该值称为指令，有时称为属性，有时称为属性。有什么区别？

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

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

<button ion-button>Button</button>

颜色属性设置按钮的颜色。 Ionic 包含许多可以轻松覆盖的默认颜色：

<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> 

//large 在这里被称为属性。为什么不称它为属性或指令呢？

这有什么不同吗？

Answer 1

Button 是 Ionic 主要由其组成的 Angular 组件之一。简而言之：

• ion-button 是一个基于[ion-button] 选择器的组件，您可以在source 中找到它

• color、outline、large 是ion-button 组件的输入，您也可以在source 中看到

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