Cannot read property 'nativeElement' in Angular

Question

I tried this solution

It did not help me.

Code:

@ViewChild('filter') filteru: ElementRef;

ngAfterViewInit() {

    this.dataSource = new ExampleDataSource(this.exampleDatabase);
    Observable.fromEvent(this.filteru.nativeElement, 'keyup')
      .debounceTime(150)
      .distinctUntilChanged()
      .subscribe(() => {
        if (!this.dataSource) { return; }
        this.dataSource.filter = this.filteru.nativeElement.value;
      });
  }

I import this:

import 'rxjs/add/observable/fromEvent';

are you sure that this is what you expect? (that it isn't undefinded) If it is undefinded, try adding .bind(this) after your subscription — kodeaben
– kodeaben, Commented Sep 28, 2017 at 10:59
If your could replicate the issue in a plunkr, that would help a lot — kodeaben
– kodeaben, Commented Sep 28, 2017 at 11:00

Rahul Singh · Accepted Answer · 2017-09-28 11:13:24Z

1

I guess you might have missed the imports

import 'rxjs/add/observable/fromEvent';
import 'rxjs/add/operator/debounceTime';
import 'rxjs/add/operator/distinctUntilChanged';
import {Observable} from 'rxjs/Observable';

Working Stackblitz link

answered Sep 28, 2017 at 11:13

Rahul Singh

19.7k13 gold badges69 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cannot read property 'nativeElement' in Angular

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related