角度: mat-select，反应式，禁用不显示虚线
角度: mat-select是Angular Material库中的一个组件，用于创建下拉选择框。它提供了丰富的功能和样式，可以方便地实现用户选择数据的功能。
反应式是指使用Angular框架中的响应式编程方式来处理数据流。通过使用Observables和Subjects等工具，可以实现数据的自动更新和响应式的UI更新。
禁用不显示虚线是指在使用mat-select组件时，可以通过设置相应的属性来禁用下拉选择框的虚线边框的显示。这样可以根据具体需求来调整下拉选择框的外观。
在实际应用中，mat-select可以广泛应用于各种表单中，用于选择单个或多个选项。例如，在一个用户注册表单中，可以使用mat-select来选择用户的所在地区、兴趣爱好等信息。
腾讯云提供了一系列与云计算相关的产品，其中与前端开发和用户界面设计相关的产品包括：
- 腾讯云COS（对象存储）：提供了高可靠、低成本的云端存储服务，可以用于存储和管理前端应用程序的静态资源文件，如图片、CSS和JavaScript文件等。链接地址：https://cloud.tencent.com/product/cos
- 腾讯云CDN（内容分发网络）：通过全球分布的加速节点，提供快速、稳定的内容分发服务，可以加速前端应用程序的静态资源文件的传输和加载速度。链接地址：https://cloud.tencent.com/product/cdn
- 腾讯云Web应用防火墙（WAF）：提供了全面的Web应用程序安全防护，可以保护前端应用程序免受常见的Web攻击，如SQL注入、跨站脚本等。链接地址：https://cloud.tencent.com/product/waf
以上是腾讯云提供的一些与前端开发相关的产品，可以根据具体需求选择适合的产品来支持和优化前端开发工作。
相关·内容
在反应式表单中使用mat-select时，如果将其设置为disabled，则不会显示示例中所示的虚线，而是显示连续的线。html： <mat-form-field fxFlex="100%" >
<mat-selectformControlName="tags" p
浏览 43提问于2019-11-27得票数 0
回答已采纳
3回答
角材料的预选下拉
、、、
嗨，我用角度8的角度材料。<mat-select *ngIf="justImage==true"> {{ 'ENUM.FILE_TYPE.Picture' | translate }}<&#x
浏览 5提问于2019-11-18得票数 2
回答已采纳
我想不出如何用角度来实现反应式的受控部件。我试图实现的行为与mat-select有关，但这似乎也适用于常规选择。如果父级不更改输入的值，我希望select仍然显示初始值，尽管用户试图更改
这是，因为它是任何类型输入的默认行为。我试图在使用[ngModel]和(ngModelChange)的角度上实现类似的行为，但是使用。
浏览 0提问于2020-06-15得票数 2
回答已采纳
希望在mat select中显示字符串数组。mat-select应该将数据显示为预选(多个)格式。通过单击它，应该显示选项，但不应该进行任何更改。mat-select是mat表条目的一部分，应该仅是在html-模板代码中定义的视图单元格(不应该更改表-数据源的数据)。
以角度材料选择文档为例，但如果不手动选择数据，甚至无法获得它来显示数据。mat-cell *matCellDef="let data; let i = index;"
浏览 0提问于2019-08-14得票数 0
回答已采纳
1回答
我在我的项目中使用角度材料，我使用了一个选择选项，但打开时下拉菜单的定位混乱。第二个：
第一个问题显示dropdown看起来比select元素高得多。第二个问题显示，选项出现在select元素上，但这是页面的底部，因此第一个选项之后的任何内容都看不到/选择不到。我使用的代码是： <mat-select placeholder="Favorite food" disableOptionCentering>
浏览 0提问于2018-05-24得票数 1
我使用<mat-select>的角度材料具有多重选择，是否有属性要设置为<mat-option>检查或不取决于一个param选项。name: 'name1', checked: true}, {name: 'name2', checked: false}, {name: 'object3', checked: true}]
<mat-select placeholde
浏览 0提问于2018-04-06得票数 1
回答已采纳
我正在使用反应式表单和角度材料垫选择创建一个表单，并启用多项选择。我有一个要在mat select中加载的对象列表，并希望在默认情况下预先选择该列表中的一些项目。默认选择可以很好地处理字符串(以下示例中的soda)，默认项显示为选中图标，并且mat select元素值已加载它们，如果我添加更多项，它们将被添加到现有的items in value字段。有没有办法在UI选择框中选中预选项目，并将新添加的项目添加到mat-select元素的现有值中？提前感谢html -
<form [formGroup
浏览 19提问于2020-02-23得票数 1
使用角度材料，我想在一段时间内禁用倍数中的复选框(因为数据是从API中检索的)。我可以成功地做到这一点，但是复选框的CSS类不会更改回。换句话说，复选框在功能上是启用的，但是CSS显示为禁用。this.matSelectOptions.forEach(option => option.disabled = false); }模板： <mat-select<mat-option *ngFor=&qu
浏览 2提问于2019-02-05得票数 3
11回答
我在Angular material项目中有一个简单的选择选项表单字段： <mat-form-field> <mat-option value="exact">Exact</mat-option>
</mat
浏览 216提问于2018-06-02得票数 90
回答已采纳
1回答
我已经创建了像下面这样有角度的反应性表单，我的问题是，如果密码不匹配，我想禁用表单提交按钮。表单提交按钮代码反应式代码谢谢你的帮助。
浏览 1提问于2018-04-10得票数 0
回答已采纳
1回答
我有一个困难的时间来验证角度材料表。我需要禁用保存按钮，直到所有字段都填充到mat表中。 我尝试过使用表单，无论是模板驱动的还是反应式的，但都失败了。mat-cell *matCellDef="let element"> <mat-selecteachLevel.groupLevelId">
浏览 32提问于2019-05-31得票数 1
1回答
我正在使用库开发一个角度应用程序。component.html <mat-option *ngFor="let option of options" [value]="option.value<span class="colorful-badge-class"> {{ option.label }} </span> </
浏览 5提问于2022-05-28得票数 0
我目前正在尝试使用一些组件，从角度材料内的材料样式表。我想要一致的行高，因此不希望占位符空间或错误行空间被占用。但我确实想要在控件被单击时下划线突出显示的行为(如果您将控件移出表单域，则不会得到这种行为)。我怎样才能摆脱或隐藏这个空间？style='background-color:lightgreen' floatPlaceholder="never" shouldPlaceholderFloat="false">
<mat-selec
浏览 2提问于2017-10-11得票数 2
1回答
角子形式场验证
、、、
-- my-other-component.html -->
<mat-selectmat-option> <mat-option value='c'>c</mat-option
浏览 0提问于2018-03-09得票数 0
回答已采纳
3回答
如何在非积分角度旋转二维阵列
、、、、
该算法将黄虚线与其外部的强度相加，然后求出比值。黄色虚线以与光束的角度相同的角度旋转。光束的角度几乎从来没有45度的倍数。
我从相机接收到二维阵列的光束。它由一个大小为1360x1024的32位整数数组表示.我想旋转数组，使黄色虚线垂直于数组的边界，这将使求和算法更简单。我尝试过在不旋转的情况下遍历整个数组，并使用行(y = mx + b)检查边界，但是，由于我对这个操作进行了多次迭代，这太费钱了。同样，我在整个图像中有140万个值。下面的图像显示了旋
浏览 3提问于2014-01-14得票数 2
回答已采纳
我有以下问题：
我在我的一个Angular组件中定义了一个angular FormGroup，其中有几个FormControl-s，使用Angular材质显示。但是，禁用状态不是这种情况。每个不是基本输入字段的字段，但来自角度材料的唯一字段类型，例如mat-select或mat-datepicker，都无法正确更新其禁用状态。我尝试启用和禁用formGroup本身，但没有成功。调用changeDetectorRef也不起作用。唯一的解决方案是不分配新的表单实例，而是一个接一个地更新现有的
浏览 5提问于2021-05-05得票数 1
2回答
当我创建一个新的对象时，它可以正常工作，并且这些选项将按预期显示。但是，当编辑此对象(使用相同的形式)时，由于某些原因，它不会抓取对象值。mat-label>Doctor</mat-label> <mat-selectlet doc of doctors" [value]="doc.id">
浏览 2提问于2020-09-15得票数 0
回答已采纳
在这里，我可能缺少一些基本的内容，但我正在使用mat按钮切换组，并且希望能够将其用作单选按钮或复选框，具体取决于应用程序状态(即单选按钮)：和复选框：通常，我会添加和删除标记的属性，如下所示：..but，这似乎不起作用。有什么想法吗？
浏览 0提问于2018-02-19得票数 3
回答已采纳
我有一个有很多输入的页面，我想让它成为'readOnly‘我找到了这个解决方案：How to change HTML element readonly and required attribute in Angular2 Typescript? 但我不想为每个输入单独做这件事。 如何将readOnly属性添加到某个div中的所有输入。
浏览 76提问于2016-11-29得票数 62
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
