javascript - knockoutjs中的动态title属性

Question

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

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

但它给了我 [object Object]。

Answer 1

你不能以这种方式做到这一点。在您的 View 模型中创建 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>