html - Angular : is it possible to bind value of attribute to other html attribute

Question

我有两个 html 元素，我想将一个元素的大小绑定(bind)到另一个元素的大小，例如:

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

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

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

Answer 1

在第二个元素上使用 ng-style 指令。您可以通过对象形式在元素上设置样式，并在值更改时自动更新。

在页面加载时，计算 elem1 的高度并将其设置为范围变量，比方说:

$scope.elemStyle = {
    height: calculated_elem1_height
}

然后是你的第二个元素 <div ng-style="elemStyle"></div>

每次更新变量$scope.elemStyle , DOM 将被更新。

编辑

calculated_elem1_height需要是一个字符串，例如:“100px”