9

ページに、一部のデバイスの現在の状態の概要を示すデータを保持する viewModel があります。これまでのところ、1 つの問題を除いてすべてうまく機能しています。viewModel の別の値に応じて div 要素の title 属性を設定する必要があります。

基本的に、タイトル属性を次のように設定できることを知っています (div タグの data-bind 属性内):

attr: { title: 'Some title' }

上記のステートメントを使用すると、div をホバーすると、「タイトル」がツールチップとして設定されます。これを設定することもできます：

attr: { title: ConnectState.Value() }

そして、現在のviewModelデータの正しい値（整数値）を出力するため、viewModelが正しく設定されます。

これを次のように変更する必要があります。

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

上記の例では、"[object Object]" をタイトル (またはツールチップ) としてのみ表示します。どうすれば修正できますか？よろしくお願いします！

4

2 に答える 2

4

次のような三項演算子を使用できます。

attr: { 
  title: ConnectState.Value() == 0 ? 'Text 1' :
         ConnectState.Value() == 1 ? 'Text 2' :
         ConnectState.Value() == 2 ? 'Text 3' :
         'Text 4'
}
于 2015-03-11T20:26:27.027 に答える