Question

我正在尝试将输入作为子组件加载，当我们单击单击功能时，我希望从父组件中加载输入。

如果我作为父组件的基本输入保持其预期的工作，但是当我尝试实现与作为子组件加载的输入相同的功能时，则不会发生禁用。

请参考以下stackblitx： https://stackblitz.com/edit/angular-input-disable-phjutj?file=app%2Fapp.component.html

Answer 1

代码很少出现问题：

a）您不正确地在角度组件上使用了场级属性。我将其更改为

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

b）您没有使用传入的输入值，所以我在输入组件中添加了@Input() isDisabled: boolean;

c）使用从父组件输入的值

<input class="number" type="number" pattern="[0-9]*" placeholder="{{placeholder}}" [value]="number" [disabled]="isDisabled" (change)="onNumberChange($event)" (keyup)="onNumberChange($event)">

d）object.keys出现问题，引发错误-您必须对其进行修复。注释掉选择字段可使切换器立即生效

StackBlitz：https://stackblitz.com/edit/angular-input-disable-4dyjsw

如何使用angular5

1 个答案: