2016-11-25 4 views
1

Я пытаюсь подписаться и событие элемента формы в пределах углового2. Как вы видите ниже, я запускаю код и проверяю консоль разработчика chrome, chrome останавливается в первой точке отладки (breakpoint1) но не приходят заурядный метод subcrive .. (breakpoint2) Я ищу в сети, и все выглядит хорошо с моим приложением .. почему он не работает?Невозможно подписаться на события элемента в angular2

import { Component } from '@angular/core'; 
import {FormControl,FormGroup,FormBuilder,Validators} from '@angular/forms'; 
import { Auth } from '../../services/auth.service'; 
import {Observable} from 'rxjs/Rx'; 
@Component({ 
    moduleId:module.id, 
    selector: 'app-settings', 
    template: '<form [formGroup]="form" (ngsubmit)="submitFunc()"> 
        <input class="from-control" fromControlName="search"> 
       </form>' 
}) 
export class SettingsComponent { 
    form:FormGroup; 
    constructor(private auth: Auth, private fb:FormBuilder){ 
     debugger//breakpoint1. it comes here.. 
     this.form=fb.group({ 
      search:[] 
     }); 
     var searchRef = this.form.get('search'); 
     searchRef.valueChanges.subscribe(x=> { 
      debugger//breakpoint2. but not here.. 
      console.log(x); 
      }); 
    } 
    submitFunc(){ 
     console.log("form submitted"); 
    } 
} 
+1

Как реагирует на этот вопрос? –

+0

Я импортировал RxJs, рядом с ним есть наблюдаемые объекты, которые я использую, но это еще не точка. Но я думаю, что я понял, что до сих пор не связано с библиотекой rxjs/Rx. – TyForHelpDude

+1

Я думаю, что если у вас все еще есть проблема была бы полезной для предоставления Plunker, который позволяет воспроизводить. Я не вижу проблемы в вашем коде. –

ответ

2
fromControlName="search" 

должен быть

formControlName="search" 

, если вы измените его (включая опечатка)

[fromControlName]="'search'" 

вы увидите сообщение об ошибке.

+1

oops .. Я хочу снова заплакать .. спасибо, Гюнтер. – TyForHelpDude

Смежные вопросы