angular - 添加组件 Input() with dot notation options : attr. src, style.padding.px

标签 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 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/

相关文章:

angularjs - 在 AngularJS + Typescript 中从父类创建子实例

json - 将 JSON.stringify 与 TypeScript getter/setter 结合使用

Angular 2依赖注入(inject)从构造函数外部进行实例化

angular - 如何在angular2中触发从一个组件到另一个组件的功能?

angular - 路由动画 Angular 4

angular - 使用 Angular 2 Material 图标

ios - 如何将 Autodesk Forge Viewer 嵌入移动应用程序?

javascript - 如何使用 ts_transformer_keys 正确配置 mocha 测试?

javascript - 扩展 HTMLTextAreaElement 的 HTML5 ES6 自定义元素使非法构造函数崩溃

javascript - 设置值 Angular Material 日期选择器,从外部输入