css - ノックアウトjsでko.observableからcss属性を適用しますか?

Question

私のノックアウト ビューモデルには、0 から 100 までのパーセンテージを返すプロパティがあります。この値を div の CSS 幅に適用したいと考えています。

どうすればいいですか？

<div ???? percentageProperty ????>&nbsp;
</div>

Answer 1

styleバインディングを使用して、関連する DOM 要素に 1 つ以上のスタイル値を追加または削除できます。

<div data-bind="style: { width: percentageProperty() + '%' }">&nbsp;

</div>

注:のような文字列が既に含まれている場合はもちろんpercentageProperty()、その部分は必要ありません。()percentagePropertyko.observable+ '%'percentageProperty59%