Angular 如何将数据从父组件传递到子组件？

我在子组件中具有此属性：

@Input() submitButtonDisabled: boolean;

在父组件的模板中，我使用插值通过属性绑定进行设置：

<my-child-component
  [submitButtonDisabled]="{{disableSubmitButton()}}">
</my-child-component>

调试typescript代码时，我看到属性绑定工作正常，但无论

disableSubmitButton

返回什么（布尔值），submit按钮都保持禁用状态。组件似乎是在绑定发生之前呈现的

这有什么意义吗？我的错在哪里

---

参考：

尝试从绑定中删除双括号

与此相反：

[submitButtonDisabled]="{{disableSubmitButton()}}"

使用以下命令：

[submitButtonDisabled]="disableSubmitButton()"

或者这个：

submitButtonDisabled="{{disableSubmitButton()}}"

---

尝试从绑定中删除双括号

与此相反：

[submitButtonDisabled]="{{disableSubmitButton()}}"

使用以下命令：

[submitButtonDisabled]="disableSubmitButton()"

或者这个：

submitButtonDisabled="{{disableSubmitButton()}}"

---

如果要将字符串文本传递给输入属性，请不要使用方括号：

<my-comp isDisabled="yes"></my-comp>
<my-comp isDisabled="no"></my-comp>

<my-comp [isDisabled]="true"></my-comp>
<my-comp [isDisabled]="false"></my-comp>
<my-comp [isDisabled]="shouldItBeDisabled()"></my-comp>

在该示例中，输入属性

isDisabled

将包含布尔值

true

或

false

，或

shouldItBeDisabled（）

方法返回的值

请注意，这些场景都没有使用

{{…}}

---

在您的情况下，问题可能是您的方法

disableSubmitButton（）

没有返回正确的值。（同样，正如Ron537所说，您应该删除

{…}

）

如果您要将字符串文本传递给输入属性，请不要使用方括号：

<my-comp isDisabled="yes"></my-comp>
<my-comp isDisabled="no"></my-comp>

<my-comp [isDisabled]="true"></my-comp>
<my-comp [isDisabled]="false"></my-comp>
<my-comp [isDisabled]="shouldItBeDisabled()"></my-comp>

在该示例中，输入属性

isDisabled

将包含布尔值

true

或

false

，或

shouldItBeDisabled（）

方法返回的值

请注意，这些场景都没有使用

{{…}}

---

在您的情况下，问题可能是您的方法

disableSubmitButton（）

没有返回正确的值。（同样，正如Ron537所说，您应该删除

{{…}}

）

您拼写的submit带有两个m。看起来你一直都在使用它，但是只要检查一下你是否有不同的拼写就可以了。我修好了。你用两个m拼写了submit。看起来你一直都在使用它，但是只要检查一下你是否有不同的拼写就可以了。我修复了它。第一个选项有效：[submitButtonDisabled]=“disableSubmitButton（）”。第二个不起作用。这些装订法使我感到困惑。我需要了解更多信息。第一个选项有效：[submitButtonDisabled]=“disableSubmitButton（）”。第二个不起作用。这些装订法使我感到困惑。我需要读更多关于它的内容。disableSubmitButton是可以的，但是关于花括号你是对的。移除它就足够解决问题了。disableSubmitButton是可以的，但是关于花括号你是对的。移除它就足以解决问题。