javascript - knockoutjs の動的タイトル属性

Question

span の title 属性を動的に設定したい。私は以下を試しました：

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

しかし、それは私に [object Object] を与えます。

Answer 1

このような方法ではできません。プロパティに応じて、必要に応じてcomputed返される値をビューモデルに作成します。titleisPublic

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>