Knockout 组件绑定语法答案

【问题标题】：Knockout component binding syntaxKnockout 组件绑定语法
【发布时间】：2015-12-11 10:58:51
【问题描述】：

以下是否有自定义元素等效语法？

<div data-bind="component: { name: 'day-of-week-utilization', params: DayOfWeekUtilization }"></div>

当我尝试以下操作时，我的对象 DayOfWeekUtilization 没有传递给我的组件。而是传入具有 $raw 属性的对象。

<day-of-week-utilization params="DayOfWeekUtilization"></day-of-week-utilization>

我的对象DayOfWeekUtilization 有许多不同的属性，所以我不想破坏 HTML 中的属性（需要由 Javascript 驱动）。第一种语法有效，但在我的代码中看起来很奇怪，因为我在其他任何地方都使用自定义元素语法。

【问题讨论】：

【解决方案1】：

component 绑定和自定义元素的工作方式不同，并且不能始终相互替换。要回答您的具体问题，从 Knockout 3.4.0 开始，在使用自定义元素时，您不能使用从视图模型中传递单个 params 对象的语法。关于这个功能有一个open issue，所以将来可能会添加它。

可能可以从外部扩展绑定提供程序以支持此功能，但这是一项相当先进的技术。

【讨论】：