Knockout.js: warunkowo wiążą atrybut title of div

Question

Mam na mojej stronie viewModel, który przechowuje dane do przeglądu bieżących stanów niektórych urządzeń. Do tej pory wszystko działa świetnie, z wyjątkiem jednego problemu: muszę ustawić atrybut title elementu div w zależności od innej wartości w moim widokuModelu.

wiem, że można po prostu ustawić atrybut title tak (w atrybucie danych wiążą znacznika div):

attr: { title: 'Some title' } 

Korzystanie powyżej oświadczenie: „Niektórzy tytuł” ​​zostanie ustawiony jako podpowiedzi, gdy unosząc div. mogę też ustawić:

attr: { title: ConnectState.Value() } 

i wyprowadza poprawną wartość (wartość całkowita) moich danych bieżących ViewModel tak ViewModel zostanie wypełniona prawidłowo.

Teraz trzeba zmienić czegoś tak:

attr: { 
    title: { 
    'Text 1': ConnectState.Value() == 0, 
    'Text 2': ConnectState.Value() == 1, 
    'Text 3': ConnectState.Value() == 2, 
    'Text 4': ConnectState.Value() == 3 
    } 
} 

Powyższy przykład tylko dać „[Object o]” jak tytuł (odpowiednio jak podpowiedzi.). Jak mogę to naprawić? Bardzo dziękuję z góry!

Answer 1

Zdefiniuj ko.computed w swoim viewmodelu.

self.ConnectTitle = ko.computed(function() { 
    return 'Text ' + (self.ConnectState.Value() + 1).toString(); 
}); 

Następnie: -

attr: { title: ConnectTitle } 

Jako Twój wiążące. Możesz zastąpić zawartość funkcji obliczeniowej czymś, co będzie pasować do twoich potrzeb, jeśli twój tekst był tylko prostym przykładem.

Answer 2

Można użyć potrójny operatora, coś takiego:

attr: { 
    title: ConnectState.Value() == 0 ? 'Text 1' : 
     ConnectState.Value() == 1 ? 'Text 2' : 
     ConnectState.Value() == 2 ? 'Text 3' : 
     'Text 4' 
}