时间戳

首页 > 解决方案 > [parameter]="value" 和 parameter="value" 之间的角度差异

angular - [parameter]="value" 和 parameter="value" 之间的角度差异

问题描述

我正在使用 Angular 材料，我面临以下问题。

在此处的示例中，您可以使用以下代码更改背景：

<mat-tab-group [backgroundColor]="backgroundColorToggle.value">

但对我来说，它没有用。顺便说一句，我没有使用变量，而只是一个字符串：

<mat-tab-group [backgroundColor]="primary">

最后，我尝试了以下方法并且成功了：

<mat-tab-group backgroundColor="primary">

在我自己的组件中，作为输入参数 ( @Input()) 我可以同时使用： <app-my-component [input]=..>和<app-my-component input=..>

那么，我的组件在我的组件中都有效，而在 Angular 材料中却没有，有什么区别[input]="value"以及为什么。input="value"

标签： angularangular-material

解决方案

backgroundColor是一个需要字符串的输入属性。方括号需要一个属性。

因此语法将是：

<mat-tab-group [backgroundColor]="'primary'">

或者，

<mat-tab-group backgroundColor="primary">

或者，

.ts

primary = 'primary';

.html

<mat-tab-group [backgroundColor]="primary">

推荐阅读