如何在Angular 2-HTML中绑定另一个元素的宽度？

Question

我有一个输入和一个表。

<input type="search"/>
<table id="myTable"/>

如何将输入的宽度绑定到表的相同宽度？

像这样吗

<input type="search" [style.width]="#myTable.width"/>

Answer 1

The reference in input tag should be for the <table>'s template variable, not the id. # is not necessary when using it in the expressions. You also need to retrieve the offsetWidth and not the width:

<input [ngStyle]="{'width.px': myTable.offsetWidth }">
<table #myTable>...</table>

DEMO