我看到很多 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.sm
,size。 md
ect 在这种情况下将从 flex-layouts custom breakpoints 中提取
最佳答案
唯一的选择是为每个可能的参数创建一个@Input()
你可以在 flex-layout 中看到它是如何实现的, 例如
关于angular - 添加组件 Input() with dot notation options : attr. src, style.padding.px,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51206371/