javascript - ノックアウト条件付きツール

Question

メニュー項目名に基づいて条件付きツール ヒントを追加する必要があります。私はノックアウトが初めてで、これにアプローチする最善の方法がわかりません。

 <div id="pageMenu" data-bind="foreach: Pages">
        <div data-bind="visible: $data.accessAllowed() ">
            <a data-bind="click: $parent.openPage, css: { 'selected': Selected }"><div data-bind="text: MenuItemName"></div></a>

Answer 1

この例では、タイトルは foo と bar のテキストが同じかどうかによって異なります。たとえば、foo のテキストを foo に変更すると、タイトルは title2 になります。

function bla(){
        self.text = ko.observable("Some text");
        self.bar = ko.observable("bar");
        self.foo = ko.observable("bar");
    }

ko.applyBindings(new bla());

<p data-bind="text: text, 
    attr:{
     'title': bar() === foo() ? 'title1' : 'title2'
     }">
</p>

Answer 2

これはあなたが探しているものです。

<div id="pageMenu" data-bind="foreach: Pages">
  <div data-bind="visible: $data.accessAllowed() ">
    <a data-bind="click: $parent.openPage, css: { 'selected': Selected }">
      <div data-bind="attr : {'title' : ($data.MenuItemName() == 'criteria'? 'tooltip1' : 'tooltip2')} "></div>
    </a>
  </div>
</div>

お役に立てば幸いです。