如何使用angular5切换禁用输入(作为子组件)

如何使用angular5切换禁用输入(作为子组件),angular,angular5,Angular,Angular5,我试图将输入作为子组件加载,当我们单击click函数时,我想从父组件切换到禁用输入 如果我将父组件的工作作为基本输入,但当我尝试实现与作为子组件加载的输入相同的工作时,禁用不会发生 请参阅下面的stackblitx: 代码存在一些问题: a) 您在角度组件上使用的字段级别属性不正确。我把它改成了 <app-number-field formControlName="officeNumber" [isDisabled]='disableTextbox'> <

我试图将输入作为子组件加载,当我们单击click函数时,我想从父组件切换到禁用输入

如果我将父组件的工作作为基本输入,但当我尝试实现与作为子组件加载的输入相同的工作时,禁用不会发生

请参阅下面的stackblitx:

代码存在一些问题:

a) 您在角度组件上使用的字段级别属性不正确。我把它改成了

<app-number-field 
    formControlName="officeNumber" 
    [isDisabled]='disableTextbox'>
  </app-number-field>

谢谢,工作如期完成。这上面还有一个问题。假设我们有多个带有编辑选项的字段。单击“编辑”时,如何将相应字段切换为禁用@Krish要使其工作,您需要在输入组件中设置编辑按钮。因此,切换将只影响该组件中的输入。这意味着您删除了将布尔值传递到子组件的操作。您在输入组件中使用“编辑”按钮是什么意思?作为属性[isDisabled]的输入组件的一部分,是否需要为添加一个?或者你想说什么?@Krish有必要在父组件上设置“编辑”按钮吗?为什么不在input.component.html中的输入组件内移动编辑按钮呢?