通过功能不起作用将%样式绑定应用于敲除

Question

我想将div的宽度设置为等于javascript方法计算的百分比.我可以使用以下方法正确应用样式绑定:

<div class="bar" data-bind="style: { width: '50%'}"></div>

但是当我尝试使用函数生成输出时,它会中断:

<div class="bar" data-bind="style: { width: function(){return '50' + '%';}}"></div>

Answer 1

事实证明你可以使用匿名函数,你只需要显式调用该函数:

<div data-bind="style: { width: function(){ return '50%'; }() }"></div>