javascript - 淘汰赛中的动态标题属性

Question

我想动态设置 span 的 title 属性。我在下面尝试过：

<span id="aPublic" class="pointer" 
 data-bind="attr:{title: {'mark private': isPublic, 'mark public': !isPublic()}}">
</span>

但它给了我[object Object]。

Answer 1

你不能这样做。在您的视图模型中创建computed将返回所需的title值取决于isPublic属性：

self.title = ko.computed(function(){
   return self.isPublic() ? 'mark private' : 'mark public';
});

或者您可以在data-bind属性内执行此操作，但它不被认为是最佳解决方案：

<span id="aPublic" class="pointer" 
 data-bind="attr:{title: isPublic() ? 'mark private': 'mark public'}">
</span>