Angular 2 [disabled]仅适用于某些控件
Angular 2 disabled是Angular框架中的一个属性，用于禁用某些控件或元素。当该属性设置为true时，相关控件将变为不可用状态，用户无法与其进行交互。
Angular是一个流行的前端开发框架，它使用TypeScript编写，并且是基于组件化的开发模式。Angular 2是Angular框架的第二个版本，它引入了许多新的特性和改进，包括更好的性能、更好的可维护性和更好的开发体验。
对于Angular 2 disabled属性，以下是一些相关信息：
概念：Angular 2 disabled属性用于禁用控件或元素。
分类：该属性属于Angular框架中的表单控件属性。
优势：使用Angular 2 disabled属性可以方便地禁用特定的控件或元素，以达到用户无法与其进行交互的目的。
应用场景：该属性常用于表单中，当某些输入字段不可编辑时，可以使用该属性禁用相关的输入控件。
推荐的腾讯云相关产品：腾讯云提供了丰富的云计算产品和服务，其中与前端开发相关的产品包括腾讯云静态网站托管、腾讯云CDN加速等。这些产品可以帮助开发者快速部署和管理前端应用。
产品介绍链接地址：以下是腾讯云相关产品的介绍链接地址：
- 腾讯云静态网站托管：https://cloud.tencent.com/product/s3
- 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
请注意，以上提供的链接仅供参考，具体的产品选择应根据实际需求进行评估和决策。
相关·内容
item.UIName }}{{ option.PricingSelectIndex }}" [disabled(例如，我遇到问题的控件有两个SelectOptions，一个表示是，一个表示否。)因此，每个单选按钮都是用相同的HTML生成的。
如果你仔细观察，你会发现Yes是禁用的，但是No不是！
浏览 38提问于2017-06-24得票数 3
回答已采纳
在angular中有没有办法检查表单控件是否被禁用？ this.form.get("nationality").disable() 已禁用此控件。 是否可以检查此控件在重置方法时是否被禁用。
浏览 16提问于2020-09-09得票数 2
我使用的是Angular 2反应形式。我有一个表单控件，这是与所需的验证定义。当用户加载表单并且该控件被填充时，可以认为表单控件是有效的。(这很好！)但是，如果表单控件被填充，并且它也被禁用，angular是否认为它是无效的？(W-H-Y?)谢谢!
浏览 5提问于2017-04-03得票数 8
我正在尝试禁用我的反应表单中的选择表单控件。目前有什么问题吗？我一直在寻找一个答案，但我无法得到一个直接的答案。如果是常规的输入控件，我使用的代码运行良好，但不适用于select控件。_formBuilder.group({ textInput: { value: 'Tex
浏览 7提问于2018-03-29得票数 0
ng-submit="save(userform)" novalidate> <div class="form-group" ng-disabled12 pull-left"> <label class="col-sm-<em
浏览 1提问于2015-04-26得票数 0
我进入了一个奇怪的场景，我有两个带有输入和选择控件的asp面板，并且每个面板都有自己的保存按钮。当我修改面板1中的内容时，我确保用户在继续使用jquery禁用面板2中的任何其他控件之前保存这些信息。看上去像$(".otherspanelclass *").attr("disabled", "disabled")
此操作非常好；所有控件都已禁用。但是，我的问题是当用户从回发中保存和恢复时，来自禁用控件的views
浏览 4提问于2015-06-11得票数 0
回答已采纳
6回答
如何根据角度6的条件禁用复选框？
、、、、
class="label" for="Checkbox1" >first</label> <div>
<input type="checkbox" id="Checkbox2"name="cCheckbox2" class="custom-control-input" (change)="checkSelected(checkBox[<e
浏览 0提问于2018-08-09得票数 19
回答已采纳
我有一个简单的表单组，有2个窗体控件。最初，这两个控件都需要验证。 Component, ViewChildimport { Validators
} from '@angular</
浏览 1提问于2018-07-26得票数 1
当绑定的变量可以经常改变时，双向绑定是很酷的，但在某些情况下，变量在赋值后不会改变，或者只会改变一次。
有没有办法告诉angular，绑定不再需要在分配后或仅更改一次后监控更改？(适用于angular 1.x)
浏览 0提问于2016-10-02得票数 0
2回答
在父表单上，我已经使用了2次，因为它是一个地址表单，所以用户可以添加送货地址和账单地址。所以我在HTML文件parentForm.get('addressForm').valid上这样做了，但是在加载时，我得到了错误，因为我认为地址表单没有加载或显示在视图中，我也认为Angular删除了实际的button class="btn btn-primary-invert mr-2</em
浏览 2提问于2019-04-06得票数 0
我有两个单选按钮，每个文本框后面跟着一个文本框。当我选择其中一个单选按钮时，应该启用相应的文本框，而禁用另一个文本框。 作为参考，我附加了一段stackblitz代码，我尝试在其中复制该问题。好吧，只有当我尝试禁用表单中的文本框时，才会发生这种情况。 Sample code - click here 我尝试了所有的资源，但不幸的是无法得到解决方案。我也尝试过使用表单控制方法，如disable()、enable()，但都没有给出解决方案。
浏览 81提问于2021-03-18得票数 0
1回答
我想通过一个指令禁用一些按钮(向按钮添加disabled属性)。此指令适用于经典的html按钮，但不适用于angular material design button (mat-button) import { Component, Directive, ElementRef, Renderer2 } from '@angular/core';
selector: '[myDisableButton]'
浏览 8提问于2019-09-02得票数 5
回答已采纳
3回答
'checkbox-pressed');HTML：<input disabledtype="checkbox" id="B"><label for="B">Option 2 - don't trigger J
浏览 0提问于2013-07-19得票数 0
回答已采纳
<input value="E" [disabled<input value="M" [disabled
浏览 0提问于2019-10-30得票数 0
它可以在按钮上工作，但只要我将Bootstrap的btn类添加到锚标签中，Angular的ng-disabled就可以正常工作了！
这是如何工作的？
浏览 2提问于2014-05-01得票数 11
回答已采纳
Typeahead不适用于Angular 1.0.8 js版本，但在1.2.24版本中运行良好。
我的应用程序是旧的，由于jquery和Telerik控件的其他兼容性问题，客户端不想安装新版本。input type="text" class="btn btn-primary dropdown-toggle" ng-model="holdOrder.ServiceCenterName" ng-disabled="disabled"
浏览 1提问于2014-09-12得票数 0
我正在尝试将Datepicker集成到我的Angular应用程序中，但是当我使用webpack构建时，我尝试导入的所有内容似乎都会抛出代码错误。有没有人对一个易于导入、简单的Datepicker模块有任何建议，可以与Angular 2的较低版本一起工作？
浏览 2提问于2018-06-15得票数 0
在我的示例中，如果markAsDirty是在form上完成的，则任何控件上的重置都会将form更改为pristine。 这是预期的行为吗？请参阅https://stackblitz.com/edit/angular-h9gtyf?file=src%2Fapp%2Fapp.component.ts
浏览 527提问于2021-06-22得票数 2
回答已采纳
假设我在wp7应用程序中有一个用于搜索目的的自动完成控件，并且我有一个列表框(已填充)。当我从列表框中选择一项时，它被复制到文本框(自动完成)，但它显示自动完成选项。在这种情况下，我不想显示自动完成选项(仅适用于此实例)。如何在将某些内容粘贴到自动完成控件中时禁用自动完成功能？
浏览 0提问于2012-01-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
