如何从打字稿文件中禁用输入字段

Question

这是我的第一个有角度的项目。今天才开始。我有一个表单，我想禁用输入字段。

这是我下面的.html文件：

<div class="form-group">
<label for="projectTitle" class="label">Project Title</label>
    <input type="text" fullWidth id="projectTitle" value= 
    {{projectDetails.name}}" placeholder="Project Title">
</div>

如何从input文件中禁用.ts？

Answer 1

在HTML中添加条件[disabled]属性

<div class="form-group">
<label for="projectTitle" class="label">Project Title</label>
    <input type="text" fullWidth id="projectTitle" value= 
    {{projectDetails.name}}" [disabled]="isEnabled" placeholder="Project Title">
</div>

将其从.ts切换到true或false

this.isEnabled = false;

Answer 2

模板

<div class="form-group">
    <label for="projectTitle" class="label">Project Title</label>
        <input type="text" [attr.disabled]="isEnabled? '' : null" fullWidth id="projectTitle" value= 
        {{projectDetails.name}}" placeholder="Project Title">
    </div>

尝试使用组件属性而不是true来有条件地禁用。

.ts
isEnabled:boolean = false;

Answer 3

只需在您的输入中添加disabled标记：

<input type="text" fullWidth id="projectTitle" value= 
    {{projectDetails.name}}" disabled placeholder="Project Title">

在jquery中： 禁用：

$("#projectTitle").attr('disabled', 'disabled');

启用：

$("#projectTitle").removeAttr('disabled');