fix(typeahead): properly support disabled inputs

Closes #703
ng-bootstrap · Sep 8, 2016 · bf61640 · bf61640
1 parent 237b4d5
commit bf61640
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/src/typeahead/typeahead.spec.ts b/src/typeahead/typeahead.spec.ts
@@ -366,6 +366,19 @@ describe('ngb-typeahead', () => {
  expect(getNativeInput(compiled)).toHaveCssClass('ng-valid');
  expect(getNativeInput(compiled)).not.toHaveCssClass('ng-invalid');
  });
+
+ it('should support disabled state', async(() => {
+ const html = `
+ <form>
+ <input type="text" [(ngModel)]="model" name="control" [disabled]="true" [ngbTypeahead]="findObjects" />
+ </form>`;
+ const fixture = createTestComponent(html);
+ fixture.whenStable().then(() => {
+ fixture.detectChanges();
+ const compiled = fixture.nativeElement;
+ expect(getNativeInput(compiled).disabled).toBeTruthy();
+ });
+ }));
  });
 
  describe('select event', () => {

diff --git a/src/typeahead/typeahead.ts b/src/typeahead/typeahead.ts
@@ -152,6 +152,10 @@ export class NgbTypeahead implements OnInit,
 
  writeValue(value) { this._writeInputValue(this._formatItemForInput(value)); }
 
+ setDisabledState(isDisabled: boolean): void {
+ this._renderer.setElementProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
+ }
+
  /**
  * @internal
  */