组件的角度设置宽度作为输入答案

【问题标题】：Angular set width of a component as an input组件的角度设置宽度作为输入
【发布时间】：2018-09-18 01:44:10
【问题描述】：

我有一个简单的角度组件。

如下：

<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 输入。

这是我目前拥有的代码，但它不起作用。

我哪里错了？

【问题讨论】：

标签： html angular typescript flexbox

【解决方案1】：

我猜这里的问题是widthOfTable 不是静态组件。要使用动态表达式，您应该使用 box-notation 来指定 1-way DataBind（到表达式），例如 [fxFlex]="widthOfTable"

【讨论】：

我明白了。那么在那种情况下，如果widhtOfTable 是 25，我想将其视为 25%，我该怎么做？
默认整数值对应百分比。
所以输入必须是数字而不是字符串。明白了！