在 Angular 中将常量作为道具传递有啥区别？ [复制]

Posted 2023-02-23

【中文标题】在 Angular 中将常量作为道具传递有啥区别？ [复制]

【英文标题】：What is the difference between passing constants as Props in Angular? [duplicate]在 Angular 中将常量作为道具传递有什么区别？ [复制]

【发布时间】：2021-01-04 03:53:33

【问题描述】：

当我使用 DevExtreme 的 dx-calendar 组件时，我遇到了一个问题。 我只想将 1 传递给该组件的 firstDayOfWeek，以便将星期一设置为一周的第一天。 所以我尝试了：

<dx-calendar firstDayOfWeek="1" />

但它不起作用，解决方案是：

<dx-calendar [firstDayOfWeek]="1" />

我以为他们都将 1 传递给组件，但行为不同。

相关问题here

【参考方案1】：

我发现了它们之间的差异。 所以第一个是将字符串“1”传递给组件，第二个是将数字 1 传递给组件。

当我们在Angular中对属性使用[]时，其值是一种表达式，实际输入到组件eval("1")即1中的是什么。

【参考方案2】：

这表示您将字符串值“1”分配给 firstDayOfWeek 属性。

<dx-calendar firstDayOfWeek="1" />

这表示您将 int 值 1 分配给 firstDayOfWeek 属性。 （[]表示将javascript值分配给firstDayOfWeek。因此1被分配为int值。）

<dx-calendar [firstDayOfWeek]="1" />