样式主机组件基于模型属性

作者: 敢嫁就敢娶
发布时间: 2024-05-21 08:17:23 (2月前)
转自：

3 条回复

0#
回复此人
枫 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你可以使用 <code> @HostBinding </code> 装饰师这样： </p> <pre> <code> @Input('val') val: string; @HostBinding('attr.width') width:string; ngAfterViewInit() { this.width = this.val + 'px'; // for example } </code> </pre> </DIV>

编辑
1#
回复此人
浮华丶 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我想你可以写这样的东西 </p> <pre> <code> @Input('val') val: string; @HostBinding('style.height') get height { return this.val + 'px'; } </code> </pre> <P> 在这里查看示例 <a href="https://plnkr.co/edit/kNSjCFG710xsCUiiBxat?p=preview" rel="nofollow"> https://plnkr.co/edit/kNSjCFG710xsCUiiBxat?p=preview </A> </p> </DIV>

编辑

登录后才能参与评论