如何在ngModel中禁用更改值

Question

I've got component of in Angular 5 - trying to build unit-test which check when it's disabled than impossible to set value to model of component. And I don't know why - it's still possible to change.

  [(ngModel)]="value"
  [attr.disabled]="disabled ? 'disabled' : null"

and test looks like this - and it's gave me error

    it("DISABLED", async(() => {
    component.disabled = true;
    component.value = 'testtesttest';      
    fixture.detectChanges();
    const htmlInputComponent: HTMLElement = fixture.nativeElement;
    const inputValue = htmlInputComponent.querySelector('input').value;
    expect(inputValue).toBeFalsy();
}));

Tried to add some rules in ngOnChange - but it still makes changes in value.

Answer 1

尝试-

[attr.disabled]="disabled ? true : null"