时间戳

首页 > 解决方案 > Angular HTML 中括号 [] 和没有括号有什么区别？

html - Angular HTML 中括号 [] 和没有括号有什么区别？

问题描述

我在角度使用反应形式并将单选按钮放在我的 HTML 代码中。首先，我将代码如下所示，并在复选框选择默认值时使用“默认”关键字。但我第二次加载相同的表单默认检查不可见。在类型脚本表单中，我会将值“true”修补为默认的表单控制器。

<mat-radio-button  value="true" id="1" [checked]="true" />
<mat-radio-button  value="false" id="2"  />

在我改变它之后，如下所示。

<mat-radio-button  [value]="true" id="1" />
<mat-radio-button  [value]="false" id="2" />

现在它按预期工作。需要一些专家的帮助，这种不同的方式在内部会发生什么？

标签： htmlangulartypescriptangular-reactive-forms

解决方案

括号告诉 Angular 输入绑定属性是一个表达式，需要进行评估。例如这个：

<mat-radio-button [prop]="prop" />

将尝试访问prop其范围内的变量并获取其值，而

<mat-radio-button prop="prop" />

将简单地将prop属性添加到分配了字符串值的元素

推荐阅读