Html angular2中的不同指令

Html angular2中的不同指令,html,angular,typescript,Html,Angular,Typescript,我是新来的 有人能解释一下html指令和属性指令之间的区别吗?为什么两者都需要 例如: 因此: rating是我所说的“html指令”,但我不确定它的用途是什么 [rate]是一个属性指令,用于设置名为“rate”的组件属性 (rateChange)是一个属性指令,它调用名为rateChange的组件方法 还有其他类型的指令吗?那么让我们把它分成几个部分: 评级是一个标准。angular 2中的组件是一段运行代码,由一个typescript文件(使用@component decorator)

我是新来的

有人能解释一下html指令和属性指令之间的区别吗?为什么两者都需要

例如:

因此:

rating
是我所说的“html指令”,但我不确定它的用途是什么

[rate]
是一个属性指令,用于设置名为“rate”的组件属性

(rateChange)
是一个属性指令,它调用名为rateChange的组件方法


还有其他类型的指令吗?

那么让我们把它分成几个部分:

  • 评级
    是一个标准。angular 2中的组件是一段运行代码,由一个typescript文件(使用@component decorator)加上一个模板和一些样式组成。如果你来自angular 1世界,它有点类似于元素指令
  • [rate]
    是一个标准。基本上,它们将一个值(本例中为rate)绑定到任何html属性
  • (汇率变动)
    是一种风险。在这种情况下,您可以使用

我想你对这个名字感到困惑了。让我们试着把事情安排好:

以你为例,,
评级
是一个标准。这是Angular创建具有自定义行为的新DOM元素的方法。其代码很可能如下所示:

@Component({
  selector: 'rating'
  ...
})
[rate]
是一个棘手的问题,因为从这个狭窄的上下文来看,它可以是
评级组件的属性,也可以是不相关的属性


(rate change)
是一个事件处理程序,在本例中,它是
评级组件的一部分,因为它不是标准的DOM事件(如
单击
)。

评级是一个组件。
但实际上并不需要它。正确的?我们可以添加一个css id#我的id和调用选择器:
#我的id
。是吗?组件的
输入属性与组件的
成员的
之间有什么区别?组件的
输入属性与组件的
成员的
之间有什么区别?我不完全理解这个问题,你能详细说明@EladBenda吗?