Knockout JSだけを使用して、divの高さを別のdivの動的高さにバインドする方法はありますか？

Question

通常これはノックアウトを必要としませんが、私はそれをセットする必要があるときに関数を呼び出します。div1.height = div2.heightしかし、私はオンラインコースプロジェクトをやっており、要件の1つはノックアウトをすべてのロジックに使う必要があることです。だから私は誰かが正しい方向に私を指すことができますか？

Answer 1

私があなたの質問を正しく理解していれば、あなたのモデルで観察可能な変数を定義して、別のdivの高さで設定することができます。

例：https://jsfiddle.net/kyr6w2x3/160/

<div id="wantThisHeight"> 
    Div with a static height 
</div> 
<div data-bind="style: { height: DynamicHeight } ,text:DynamicHeight "> 
    Div with a dynamic height 
</div> 

モデル：

function AppViewModel() { 
    var self = this; 
    self.DynamicHeight = ko.observable(document.getElementById('wantThisHeight').clientHeight +"px"); 
} 
var appVM = new AppViewModel() 
ko.applyBindings(appVM);