第2部分：HTML属性绑定

我正在尝试理解HTML绑定，因为我对angular还不熟悉。 有人能解释一下以下语法之间的区别吗：

<!-- 1 -->
<button name1 = "name2" >test</button>
<!-- 2 -->
<button (name1) = "name2" >test</button>
<!-- 3 -->
<button [name1] = "name2" >test</button>
<!-- 4 -->
<button ([name1]) = "name2" >test</button>

测试
测试
测试
测试

我在多个地方看到了上述情况，但无法理解每个案例的目的

---

谢谢你的帮助

有两种不同的想法。。绑定和事件：

这里有一个现场演示：

绑定

• 只绑定一个固定字符串

• 使用表达式语法单向绑定固定字符串

• 使用表达式语法单向绑定变量

  test

• 单向绑定变量

  test

• 双向绑定将变量

  test

  绑定到此输入

事件

• 将单击事件绑定到我们的

  onClick

  -函数

---

官方文档：

这里是一个事件绑定、字符串插值和属性绑定的实用示例

从'@angular/core'导入{Component}；
@组成部分({
选择器：'应用程序根'，
templateUrl:“./app.component.html”，
样式URL:['./app.component.css']
})
导出类AppComponent{
标题=‘应用程序’；
firstString:string='这是使用来自组件中变量的字符串插值'；
secondString:string='这是使用来自组件中方法的字符串插值'；
thirdString:string='这是使用属性绑定'；
forthString:string='这是单击之前的字符串'；
returnsecondString（）{
返回此.secondString；
}
onClick（）{
this.forthString='这是单击后的字符串'
}
}

这是字符串插值的一个示例：{{firstString}}

这是字符串插值的一个示例：{{returnsecondString（）}}


单击此处进行事件绑定

{{forthString}}

我想这就是你要找的汉克斯，你能告诉我和之间的区别吗？实际上没有。：）只是语法。