可以从组件更改按钮的大小

Question

我的组件在 .html 文件中只有“<" button ">”

我想在其他组件中使用它，但我必须在不更改基本按钮的情况下调整它的大小。可以更改该按钮的宽度和高度吗？

Answer 1

最简单的方法是在您正在使用并需要更大按钮的页面上使用自定义 css 类。

如果您想以角度方式执行此操作（我真的不推荐），那么您可以让组件采用 height 和 width 属性，然后通过 style 绑定将其绑定到按钮的高度/宽度

例如：

<button [style.height]="height" [style.width]="width"><button/>

Answer 2

我不知道为什么有人有像“<" button ">”这样的按钮，因为尖括号内的按钮用双引号引起来，该按钮应该是，但如果我得到你问题的关键，你想根据组件更改高度宽度。有多种方法可以解决这个问题。

1. 如果您要告诉的是它的独立组件，则将高度和宽度作为输入参数传递给它并设置一些默认值，以便原始值保持不变。

2. 向按钮添加类并根据您的需要将这些类设置为 true 或 false，您可以使用以下语法来完成此操作

   ... 这是根据角度文档。