对于每个选项不同的选择[formControl]
对于每个选项不同的选择[formControl]是指在前端开发中，使用Angular框架时，可以通过FormControl来实现表单控件的绑定和验证。
FormControl是Angular中的一个类，用于管理表单控件的状态、值和验证。它提供了一系列方法和属性，用于控制表单控件的行为。
在使用FormControl时，可以根据不同的选项进行不同的选择，以满足具体的需求。下面是对每个选项的解释：
- formControlName：用于将FormControl与HTML中的表单控件进行绑定。通过指定formControlName属性，可以将FormControl与对应的表单控件进行关联，实现双向数据绑定。
- formControl：用于将FormControl与Angular组件中的表单控件进行绑定。通过在组件中定义一个FormControl属性，并将其与表单控件进行绑定，可以实现对表单控件的状态和值的管理。
- formGroup：用于将一组FormControl进行分组，形成一个FormGroup。FormGroup可以用于管理一组相关的表单控件，可以对整个表单进行验证和提交操作。
- formArray：用于管理一组动态增减的表单控件，形成一个FormArray。FormArray可以用于处理一组重复的表单控件，比如多个复选框或多个输入框。
根据不同的需求，可以选择适合的选项来实现表单控件的绑定和验证。在实际开发中，可以根据具体的场景和需求来选择合适的选项，并结合Angular提供的其他功能来完成前端开发任务。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_for_mysql
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
1回答
我正在尝试实现一个按钮来创建一个mat-form-field days = new FormControl(); <mat-label>Days Of Week</mat-label>
<mat-select [formControl[value]="day
浏览 19提问于2021-09-08得票数 0
对于一个辅助项目，我实现了一个新的ControlValueAccessor (一个矩阵选择AKA:一个可以选择和取消选择单元格的表)。可以提供选项输入以改变矩阵响应于用户交互的行为方式。我正在尝试创建一个“示例”页面来列出几个具有各种选项集的矩阵选择控件(有点像这样：)。对于每个示例，我将显示绑定值json，该值在用户与控件和选项json交互时更
浏览 11提问于2019-04-07得票数 0
2回答
我正在建立一个表单，用户可以设置付款选项。有一个下拉列表可以选择使用哪种付款方式。对于每种付款方式，都有一个包含所选付款方式选项的FormGroup： form: FormGroup = new FormGroup({ ], paypal: new FormGroup({
email: new <
浏览 36提问于2019-01-04得票数 3
回答已采纳
提交表单后，我使用FormGroup从前端获取数据，通常是.reset()，该方法将重置控件中的所有值。1)我的页面上有5个FormControls，但我只想重置4个选项，剩下的1个应该用它已经选择的值禁用。2)想要摆脱UI看起来像的红线(Error Class)：到目前为止我已经尝试过的方法(如果formControl名称是brand，则禁用)： for= 'brand
浏览 0提问于2018-08-08得票数 0
3回答
如何删除选定的输入值
、、、、
我使用的是角6应用程序，我尝试使用输入框进行多个选择，而不使用--任何第三方插件、jquery、datalist、选择框，它都是纯输入框，基于类型文本。= new FormControl();
this.suggestions = this.usersthis.show = false;
users = ['First User', 'Second User', &
浏览 2提问于2018-08-22得票数 0
回答已采纳
我的网站如下所示： Country_ -> state_ -> city_ 下拉框位于每个选项的位置。当选择了USA以外的其他country时，我禁用了state选择，它会显示出来，但它是灰色的，并且不能选择任何内容。 我希望状态选择框完全消失，或者至少变成一个没有文本的灰色框。<ControlLabel>State</ControlLabel>
&l
浏览 16提问于2019-06-18得票数 0
2回答
C#鼠标右键单击和控件焦点
、、、、
我有一个表单，用户可以在其中添加控件，当他们右键单击它时，会弹出一个上下文菜单，其中有一个选项可以显示他们右键单击的控件的属性。我遇到的问题是试图决定如何找出用户右键单击的控件，因为它可以是任意数量的控件，然后将该控件的焦点放在窗体上。有没有什么好的建议？我应该只使用鼠标事件的(对象发送者)部分吗？
谢谢。
浏览 0提问于2009-11-01得票数 3
回答已采纳
2回答
使所选项目适合一行，而不是两行
、、、、
我有一个非常简单的选择，当我点击菜单时，它会显示3个选项，每个选项都在一行上。但是，当我选择一个项目时，它显示在两行上:一行用于文本，另一行用于图标。我怎么才能让它变成一行？ import ".ListItemText from "@material-ui/core/ListItemText";impor
浏览 37提问于2021-04-10得票数 1
回答已采纳
1回答
我试图实现一个下拉列表，它显示多个供选择的按钮，并实现一个显示值，而不依赖于如下所示的下拉项目：在本例中，用户可以为显示两个指标的图表选择不同的比例。如果这两种度量尺度不同，则下拉显示“混合”，如果它们都具有相同的标度，则将显示“线性”或“日志”，这取决于总体规模。考虑提供一个与可用选项或“”匹配的值。/Button>
<Button onClick={changeS
浏览 8提问于2022-09-12得票数 0
回答已采纳
我正在构建一个角度11的。它被分成多个div，项目所有者希望在每个div中重复输入几个，这样用户就可以为某个字段A编辑一个输入，所有div对字段A的输入都会显示更新的值。" />...but --我想用formControlName而不是formControl来实现这一点，这样我就可以利用
浏览 1提问于2021-07-12得票数 3
回答已采纳
1回答
对于表单，我也使用formCOntrol而不是ngModel (在阅读了一些页面之后，发现这些页面是最好的选择)
我的问题是，我不能预选ng-select的值(以前我使用select组件，它很好。所以在创造形式上，我有20个不同类型的输入，一切都很好.当我尝试对某些内容执行Edit操作时，就会出现这个问题，因为我需要将所有输入都预先填充到原始值中。对于所有组件，因为我与要更新的实体的模型共享form
浏览 2提问于2017-09-06得票数 0
回答已采纳
1回答
我想让一个学生能够在动态数量的学校中选择几个工作坊。在这个例子中，每个科目的学生将能够选择4个选项。tallerselect will display
the options of every subject every subject will hav
浏览 1提问于2019-07-16得票数 0
我尝试为我的Angular 9表单实现一个自定义的Validator。验证有一点困难。 因为有几个字段取决于对选择输入的选择。例如，如果我选择了select中的一个选项，则需要使用Formfield 3。 但如果我选择第二个选项，则需要使用Formfield 5。selectField: new FormControl(null, [Validators.required]),
...for
浏览 20提问于2020-04-17得票数 1
回答已采纳
默认情况下，选择标记中，单击是一个禁用选项，当我想单击“选择”时，我不想在列表中显示“禁用”选项，所以这就是为什么我给隐藏的attribute.so设置默认显示的选项的原因，以及当用户希望单击“选择”标记时，禁用选项不应该像在普通的选择标记中显示一样，如果您给出了任何选项，禁用隐藏属性，我也给出了这两个属性，但隐藏是不能工作的.How，我可以这样
浏览 4提问于2022-03-29得票数 0
回答已采纳
我的项目中有mat-selection-list，它显示了项目中的角色列表，并以编程方式选择了组中的现有角色。到目前为止，一切都如期而至。 <h4>Group Roles</h4>
<mat-selection-list [compareWith]="roleCompareFn" [formControl但是，当我
浏览 2提问于2020-07-14得票数 0
回答已采纳
免责声明:我的问题是关于的一个特例。我想要创建一个选项卡组，在最后一个位置有一个"+“选项卡，它可以创建更多的选项卡、，除了这个"+”选项卡__之外，没有初始选项卡。链接问题的提供了一个带有三个初始选项卡的工作堆栈闪电战，这不是我的情况。如果删除这些初始选项卡，就会得到下面描述的错误行为。问题:考虑到除了"+“<em
浏览 1提问于2021-03-03得票数 1
回答已采纳
1回答
我已经为页面创建了两个“选择”组件，如果我从第二个“选择”组件中选择一个选项，那么来自第一个“选择”组件的选项将被刷新。我在想'onChange‘有什么问题，但我不知道这个问题的原因。在一次提交数据之前，我希望从“选择”组件中选择所有选项。
此外，在第一个“选择”组件中输入“无”选项之前，是否有方法禁用第二个“选择”组件，并在输入有效<
浏览 3提问于2022-03-24得票数 0
回答已采纳
我在parent formGroup中有一个formControl (电台)，并想在formArray中使用它。使用情况是问题有多个选项(formArray)，希望有单选按钮，每个选项选择正确的答案(只有一个)private createForm() { question: new FormControl('', Validators.required),
浏览 0提问于2020-07-23得票数 0
对于Create/Edit页面，我使用相同的页面，在文本输入中，我有以下代码：<ControlLabel>Province</ControlLabel> defaultValue={regs && regs.province}</FormGroup>
得到同样的结果我如何使用名称，参考
浏览 1提问于2017-08-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
