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％，但是如果我将与角分量一起使用，尽管我给style =“100％”，但输入字段的取值并没有达到100％。
请让我知道为什么当将角分量用于透明形式时如何将宽度设置为100％。

Answer 1

我们为它的输入字段添加了size属性，例如:

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

但这不能用于其他控件。