什么是[MaxLength] =＆＃34;这个[＆＃39;点＆＃39;]＆＃34;在棱角分明？

Question

我在角度[MaxLength]="this['point']"中遇到了这段代码template 我不知道如何在线找出其含义 我知道[property] =＆＃34; fieldOnComponent＆＃34;的意思 但我想知道为什么在代码中使用this和[''] 与此相关的语法是什么？

Answer 1

使用

等模板编写代码的无证功能

[x]="this.prop"
{{ this.prop }}

或使用括号表示法

[x]="this['prop']"
{{ this['prop' ]}}

其中this是组件实例。

<强> Plunker Example

对this的支持为added in angular 2.0.0-rc.5。

Answer 2

符号

this['point']

在Javascript中（因此，在Typescript中，在Angular中使用，也在Angular模板中可用）与

相同

this.point

您可以在此处获取有关2种符号的细微差别的更多信息，例如：JavaScript property access: dot notation vs. brackets?

this指的是组件。通常，您不必在模板中指定它，而只需编写point而不是this.point。但是，如果您想使用['point']（括号表示法）而不是点符号，那么在这种情况下， 指定this。