如何动态设置同级的最大宽度

Question

是否可以将div的最大宽度设置为其同级的宽度（在angular6中）？

换句话说，我可以在渲染时只知道“ child_one”的宽度的约束，将“ child_two”的最大宽度设置为与“ child_one”的宽度相同的值吗？

`<div class="parent-div">
   <div id="child_one" class="child-div"> </div>
   <div id="child_two" class="child-div"> </div>
 </div>`

Answer 1

您可以借助模板引用变量max-width将child_two的{​​{1}}样式属性绑定到offsetWidth的{​​{1}}：

child_one

有关演示，请参见this stackblitz。