Javascript 使用带有HostBinding的Angular 信号来更新样式

  @Input( { transform: booleanAttribute})
  reverse: boolean = false;

  @HostBinding('style.flex-direction')
  direction: string = this.reverse ? 'column-reverse' : 'column';

<app-test reverse></app-test>

reverse = input.required<boolean>();

@HostBinding('attr.style.flex-direction')
get direction() { return this.reverse() ? 'column-reverse' : 'column' }

Javascript相关问答推荐

如何将拖放功能添加到我已自定义为图像的文件输入HTML标签中？

Cookie中未保存会话数据

通过嵌套模型对象进行Mongoose搜索

使用JavaScript重新排序行

为什么ngModel不能在最后一个版本的Angular 17上工作？'

使用JQuery单击元素从新弹出窗口获取值

实现JS代码更改CSS元素

加载背景图像时同步旋转不显示的问题

在forEach循环中获取目标而不是父对象的属性

是什么导致了这种奇怪的水平间距错误(？)当通过JavaScript将列表项元素追加到无序列表时，是否在按钮之间？

在Matter.js中添加从点A到另一个约束的约束

Angular 形式，从DOM中删除不会删除指定索引处的内容，但会删除最后一项

当用户点击保存按钮时，如何实现任务的更改？

Reaction Redux&Quot；在派单错误中检测到状态Mutations

将对象推送到数组会导致复制

如何用javascript更改元素的宽度和高度？

图表4-堆叠线和条形图之间的填充区域

如何使用fltter_js将对象作为参数传递给javascrip？

如果我将高度设置为其内容的100%，则在Java脚本中拖动以调整面板大小时会冻结

Node.js的Fetch()调用总是创建新的Express会话