添加具有点表示法选项的组件Input():attr.src,style.padding.px

时间:2018-07-06 08:45:08

标签: angular typescript

我看到很多Angular指令都有点符号选项:

style.padding.px
style.padding.%
attr.src

flex-layout之类的某些库将其用于不同的响应大小:

fxLayout.gt-sm
fxAlign.sm

是否可以使用组件@Input来做到这一点?

如果没有,其他人怎么做?还是他们为每个可能的名称创建一个新输入:

@Input('style.padding.px') paddingPx
@Input('style.padding.%') paddingPercent
...

编辑

我的用例:

我希望能够“全部覆盖”或动态添加更多@Input()

所以说我有一个@Input('size')选项。我希望能够添加size.smsize.md等,在这种情况下,它们将从flex-layouts custom breakpoints中提取

1 个答案:

答案 0 :(得分:1)

唯一的选择是为每个可能的参数创建一个@Input()

例如,您可以在flex-layout中查看其实现方式