angular - 在 Angular 2 中编写 `[defaultColor]="'violet '"` 的优点/缺点是什么

标签 angular angular2-directives angular2-databinding

angular.io Docs Advanced您可以阅读以下代码:

<p [myHighlight]="color" [defaultColor]="'violet'">
  Highlight me too!
</p>

我认为当绑定(bind)到常量值时,应该足以(并且更有效?)编写

defaultColor="violet"

我错了吗?为什么要动态绑定(bind)到一个常量值?

最佳答案

如果defaultColor是一个@Input(),那么对于代码的读者来说就更明显了,因为defaultColor="violet"可能只是旧式 HTML 属性。

除此之外,使用其中之一并没有任何缺点。

defaultColor="violet" 实际上已添加到 DOM 中,而 [defaultColor]="'violet'" 仅在组件模板中可见,因为它将被替换组件模板编译时通过 JavaScript 代码实现。

这是优点还是缺点取决于您想要实现的目标。

关于angular - 在 Angular 2 中编写 `[defaultColor]="'violet '"` 的优点/缺点是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40470409/

相关文章:

angular - 从 <variable> 导入 typescript 而不是文字字符串?

angular - Ionic 4 和 Angular - <ion-input> 模型在服务订阅结果后未更新

html - 将 HTML(带有 Angular 2 指令)从服务器插入 DOM

html - 根据条件禁用输入

Angular 6 应用程序在生产构建后重新加载时中断

angular - 如何在不循环所有内容的情况下获取 Angular2 模板中数组的最后一个元素?

javascript - 如何在 Angular2 中获取(DOM)元素的宽度

typescript - angular2 - 组件指令中的触发事件

Angular HTML 绑定(bind)

Angular2 insideHtml 绑定(bind)破坏了数据绑定(bind)