当前位置: 首页 > 知识库问答 >
问题:

如何禁用angular2中的输入

房学
2023-03-14

在ts is_edit = true中禁用...

<input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2">

我只想禁用基于<code>true</code>或<code>false</code>的输入。

我尝试了以下几点:

[disabled]="is_edit=='false' ? true : null"
[disabled]="is_edit=='true'"
[disabled]="is_edit"

共有3个答案

丁业
2023-03-14

我想我找到了这个问题,这个输入事业中

toggle() {
  let control = this.myForm.get('name')
  control.disabled ? control.enable() : control.disable();
}

并完全失去is_edit

如果你想要输入字段defa被禁用

name: [{value: '', disabled:true}]

这是一个大傻瓜

凤凡
2023-03-14

如果你想禁用一些语句的输入。我们

<input [readonly]="this.isEditable" 
    type="text" 
    formControlName="reporteeName" 
    class="form-control" 
    placeholder="Enter Name" required>
蓝泰平
2023-03-14

请尝试使用< code>attr.disabled,而不是< code>disabled

<input [attr.disabled]="disabled ? '' : null"/>
 类似资料:
  • 问题内容: 我发现了一些奇怪的行为:默认情况下,角度修剪模型值。快速谷歌搜索并不能帮助我解决这个问题。我发现了指令建议,依此类推。但是没有任何效果。 我在下面提供了一个代表此问题的小片段。 您也可以在这里尝试此代码段。 我添加了一个与model同步的textarea 。但是,当添加新的尾随空格或将行换成新空格时,它对观看没有反应。 我该怎么做才能关闭此行为?谢谢。 问题答案: 该指令是1.1.1中

  • 您好,我有一个值为0-380的输入范围,我想禁用一些值,比如ID 30。因此,当我选择29并按下右箭头时,它必须更改为31。

  • 问题内容: 我将此字段用于编辑视图和创建视图 在控制器中,我有以下代码来禁用输入元素: 请帮忙。 问题答案: 将ng- disabled 或特殊CSS类与ng- class一起使用

  • 问题内容: 我编写了一个简单的中继脚本,该脚本连接到网络摄像机并从套接字读取数据,并使用打印功能输出此数据。数据是已设置边界的MJPG数据。我只是输出读取的数据。 问题是PHP似乎正在缓冲这些数据。当我将相机设置为1 FPS时,Feed将冻结7-8秒,然后快速显示8帧。如果将分辨率设置为很大,则相机每秒将以大约1帧的速度移动。我认为那时正在发生一些缓冲(因为大尺寸的缓冲区会很快填充,而小尺寸的缓冲

  • 我想重写我正在使用的开源组件的样式,但是我能找到的禁用视图封装的唯一方法是在组件的装饰器上。当然,使用第三方模块意味着我不能为它编辑源代码。不然怎么做? 编辑 我知道这个/深度/风格的建议。我想做的是用bootstrap 4中的样式覆盖第三方组件中的表样式。自定义组件有一个.table类应用于它,但是使用视图封装,boostrap 4类无法访问它。 我只是想知道,是否有一种方法可以完全禁用视图封装

  • 组件: 表单: 该函数更新一个JSON记录。例如,它用“fname”ng model更新“firstName:”条目。问题是,除非用户修改输入的值,否则ngModel被读取为null,即使已经存在< code > value = " { { current user . first name } } " 的值。 如何设置 ngModel 以从实际输入的值其值?