html - Angular :是否可以将属性值绑定(bind)到其他html属性

我有两个html元素，我想将一个元素的大小绑定到另一个元素的大小，如：

<div id="elem1"> </div>

<div style="height:some binding expression to the height of elem1;
     width:another binding expression to width of elem1"></div>

这可能吗？绑定只需要发生一次。

最佳答案

对第二个元素使用ng style指令。可以通过对象窗体设置元素的样式，并在值更改时自动更新。
在页面加载时，计算elem1的高度并将其设置为范围变量，例如：

$scope.elemStyle = {
    height: calculated_elem1_height
}

那么你的第二个元素
<div ng-style="elemStyle"></div>
每次更新变量$scope.elemStyle，DOM都会被更新。
编辑
calculated_elem1_height必须是字符串，例如：“100px”