组件的角度设定宽度作为输入

时间:2018-09-17 17:36:56

标签: html angular typescript flexbox

我有一个简单的角度分量。

如下:

<div class="k-v-c"
fxFlex
fxLayout = "row" >

    <div class="k-c" fxFlex = "widthOfTable" >
    {{ key | translate }}
    </div>

    < div class="separator" >
    </div>

    < div class="v-c" fxFlex = "widthOfTable" >
    {{ value | translate }}
    </div>

< /div>

如您所见,我将witdhOfTable作为组件的输入。 基本上,我想做的是将组件的fxFlex设置为提供给组件的witdhOfTable输入。

这是我当前拥有的代码,无法正常工作。

我要去哪里错了?

1 个答案:

答案 0 :(得分:1)

我猜这里的问题是widthOfTable不是静态组件。要使用动态表达式,您应该使用方框符号来指定(例如)[fxFlex]="widthOfTable"

的1-way DataBind(对表达式)