如何使用Knockout JS将一个div的高度绑定到另一个div的动态高度？

Question

通常这不需要Knockout，我只需要在设置div1.height = div2.height时调用一个函数，但是我正在做一个在线课程项目，其中一个要求就是我需要使用Knockout来实现我的所有逻辑。所以我想知道是否有人能指出我正确的方向？

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);