gpt4 book ai didi

angular - 如何隐藏 Material 输入

转载 作者:行者123 更新时间:2023-12-03 13:57:33 26 4
gpt4 key购买 nike

通常,如果我希望表单字段包含在提交中但不可见,我会执行 <input type="hidden" />
然而,matInput不允许类型为 hidden .我可以使用 display: none;但这通常会从提交中排除该值。

有没有办法在 Material 动态表单中隐藏输入,该表单还包含提交中的值?

最佳答案

如前所述, type="hidden"不适用于 matInput。如果您打开浏览器控制台,您会看到“错误错误:matInput 不支持输入类型“隐藏”。”如果您尝试使用 type="hidden"提交表单,则该表单将被破坏,仅显示部分表单值。解决此问题的一种简单方法是在 mat-form-field 标签上使用 CSS 类:

<mat-form-field class="invisible example-full-width">
<input matInput placeholder="Favorite food" value="Sushi" ngModel name="fish">
</mat-form-field>

CSS 片段:
.invisible{
display: block;
visibility: hidden;
height: 0;
width: 0;
}

关于angular - 如何隐藏 Material 输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54915681/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com