vmware-clarity - 清晰地使用Angular组件clrForm时如何使表单中输入字段的宽度为100％

Question

例子

<form clrForm>
    <clr-input-container>
        <label>Field 1 label</label>
        <input clrInput type="text" [(ngModel)]="model" name="example" style="width:100%" />
    </clr-input-container>
    <clr-input-container>
        <label>Field 2 label</label>
        <input clrInput type="text" [(ngModel)]="model" name="example" style="width:100%" />
    </clr-input-container>
</form>

上面是来自清晰表单的代码示例，我在表单中使用角度组件，问题是当我使用没有角度组件的表单时，当我给出 style="100%" 时输入宽度为 100%，但如果我使用相同的东西带有角度分量的输入字段没有达到 100%，尽管我给出了 style="100%"。请让我知道在使用角度分量作为清晰度表格时如何将宽度设置为 100% 的原因。

标签： vmware-clarity

Answer 1

我们用一个大小属性来修补它，用于输入字段，如下所示：

<input clrInput type="text" [(ngModel)]="..." name="title" required size="40" />

但这不能用于其他控件。