Я создаю простой текст типа ввода с объектом Observable, связанным с событием keyup на нем.Angular2 Наблюдаемый с RxJS нет ошибок, но событие не активировано
Я использую Angular2 final ("@ angular/core": "~ 2.1.1" с "rxjs": "5.0.2").
Вот мой app.component.ts:
import {Component} from '@angular/core';
import {Observable} from 'rxjs/Observable';
@Component({
selector: 'my-app',
template: `
<input id="search" type="text" class="form-control" placeholder="Search..." >
`
})
export class AppComponent {
constructor(){
var keyups = Observable.fromEvent($("#search"), "keyup");
keyups.subscribe(data => console.log(data));
}
}
Когда я нажимаю клавишу на консоли ничего не появляется, так что кажется, что это событие не было обстреляно или наблюдатель смотрит куда-то еще. Что не хватает?
Заранее спасибо
Спасибо за ответ! Я пробовал первое решение, и оно работает! Полностью согласен с вами в том, что это не угловой способ выполнить то, что я хочу, но это пример, взятый из курса Удэми Angular2, чтобы ввести rxjs :) Но сохраняя эти две строки в конструкторе, возможно ли это сделать Работа? –
не думаю. В конструкторе ваш элемент ввода еще не существует. –