javascript - 带有自定义元素的 Knockout 组件与组件绑定(bind)的工作方式不同

Question

使用knockoutjs；我有一个自定义组件，它在用作组件绑定(bind)时有效，但在用作自定义元素时失败。

在这里查看 fiddler :http://jsfiddle.net/fmgbfthq/4/

为什么在使用组件绑定(bind)时可以按预期工作，但在用作自定义元素时却不能？它不应该以完全相同的方式工作吗？

<!-- params.loads is coming in as a function -->
<metric params="value: loads()"></metric>

<!-- params.loads is coming in as a value -->
<div data-bind="component: {
        name: 'metric',
        params: {
                value: loads()                   
        }
    }"></div>

Answer 1

问题是你不断地用 ko.observable() 重新包装你的值，而 params.value 已经是 observable。

试试这个:

viewModel: function(params) {
    this.value = params.value;
    this.format = params.format;
},

参见 Fiddle