cmp-better.ts

import {
  Component,
  OnInit,
  OnDestroy
} from 'angular2/core';

import { Observable } from 'rxjs/Observable';
import { Store } from '@ngrx/store';

// action creators
import { login } from '../../services/auth-actions.service';

// components
import {
  LoginFormComponent
} from '../../components/login-form.component/login-form.component';

@Component({
  selector: 'auth-route',
  directives: [ LoginFormComponent ],
  template: require('./auth.route.html')
})
export class AuthRoute implements OnInit, OnDestroy {
  @ObserveChild('.login', 'click') 
  public onLogin$: EventEmitter<MouseEvent>;

  public loginAction$ = this.onLogin$.map(login());

  $ngOnInit
    .merge(this.logionAction$)
    .takeUntil($ngOnDestroy)
    .subscribe(this._store);
    
  constructor(private _store: Store<any>) {}

}