如何使用AngularFire2创建用户登录电子邮件和密码

我正在尝试使用电子邮件和密码创建登录选项(该选项在firebase控制台中启用),我无法使其正常工作.

我的登录服务代码如下：

import {Injectable,OnInit} from '@angular/core';
import {AngularFire,AuthProviders,AuthMethods} from "angularfire2/angularfire2";


@Injectable()
export class LoginService implements OnInit {
public isLoged: boolean;

ngOnInit() {

}

constructor(private af: AngularFire) {
  this.af.auth.subscribe(user => {
    if (user) {
      this.isLoged = true;
      console.info("Se ha logueado correctamente")
    } else {
      this.isLoged = false;
      console.info("Se ha deslogueado correctamente");
    }
  });
}

login() {
  this.af.auth.login();
}

loginGoogle() {
  //this is the default login,that it's setup in the main.js
  this.login();
}

loginFacebook() {
  this.af.auth.login({
    provider: AuthProviders.Facebook,method: AuthMethods.Redirect
  });
}

loginTwitter() {
  this.af.auth.login({
    provider: AuthProviders.Twitter,method: AuthMethods.Redirect
  });
}

createUser(email: string,password: string) {
  this.af.auth.createUser({ email: email,password: password });
}

loginWithPassword() {
  this.af.auth.login({

    provider: AuthProviders.Password,method: AuthMethods.Password
  })
}

logOut() {
  this.af.auth.logout();
}

}

主要是：

import { APP_BASE_HREF } from '@angular/common';
import { disableDeprecatedForms,provideForms } from '@angular/forms';
import { enableProdMode } from '@angular/core';
import { bootstrap } from '@angular/platform-browser-dynamic';

import { APP_ROUTER_PROVIDERS } from './app.routes';
import { AppComponent } from './app.component';
import {
  FIREBASE_PROVIDERS,defaultFirebase,firebaseAuthConfig,AuthMethods
} from "angularfire2/angularfire2";

if ('<%= ENV %>' === 'prod') { enableProdMode(); }

/**
 * Bootstraps the application and makes the ROUTER_PROVIDERS and the APP_BASE_HREF available to it.
 * @see https://angular.io/docs/ts/latest/api/platform-browser-dynamic/index/bootstrap-function.html
 */
bootstrap(AppComponent,[
  disableDeprecatedForms(),provideForms(),APP_ROUTER_PROVIDERS,{
    provide: APP_BASE_HREF,useValue: '<%= APP_BASE %>'
  },FIREBASE_PROVIDERS,defaultFirebase({ //this data is replaced
    apiKey: 'apiKey',authDomain: 'authDomain',databaseURL: 'databaseURL',storageBucket: 'storageBucket',}),firebaseAuthConfig({
    provider: AuthProviders.Google,method: AuthMethods.Popup,})
]);

更新：

正如@JS_astronauts所说,问题与数据如何传递给登录服务有关,现在我发现从调用到loginService没有得到params权限,我正在使用这样的FormBuilder：

login.component.ts

import { Component,OnInit } from '@angular/core';
import {FormBuilder,Validators,ControlGroup,NgFormModel} from '@angular/common'
import {AngularFire,AuthMethods} from 'angularfire2';
import {LoginService} from '../shared/login-service/login.service'
import {Router} from "@angular/router";

@Component({
    moduleId: module.id,selector: 'login',templateUrl: 'login.component.html',styleUrls : ['login.component.css'],directives : [NgFormModel]
})
export class LoginComponent implements OnInit {

    loginForm : ControlGroup;

    constructor(private router: Router,private fb : FormBuilder,private loginService : LoginService) {

      this.loginForm = fb.group({
        name : ["",Validators.required],correo : ["",contrasena :["",Validators.required]
      })
    }

    ngOnInit() {
    }

    loginWithPassword(){
      this.loginService.createUser( 
        this.loginForm.controls['correo'].value.toString(),this.loginForm.controls['contrasena'].value.toString()
      );

  if(this.loginService.isLoged ){
    this.router.navigate(['./ejemplo']);
  }
}
}

在我的HTML中：

<form [ngFormModel]="loginForm" (submit)="loginWithPassword()">
    <div id="DIV_13">
      <div id="DIV_14">
        <span id="SPAN_15"> <i id="I_16">face</i></span>
        <div id="DIV_17">
          <input ngControl="name" type="text" placeholder="First Name..." id="INPUT_18" /><span id="SPAN_19"></span>
        </div>

      </div>
      <div id="DIV_20">
        <span id="SPAN_21"> <i id="I_22">email</i></span>
        <div id="DIV_23">
          <input ngControl="correo"  type="text" placeholder="Email..." id="INPUT_24" /><span id="SPAN_25"></span>
        </div>
      </div>
      <div id="DIV_26">
        <span id="SPAN_27"> <i id="I_28">lock_outline</i></span>
        <div id="DIV_29">
          <input  ngControl="contrasena" type="password" placeholder="Password..." id="INPUT_30" /><span id="SPAN_31"></span>
        </div>
      </div> 
    </div>

    <div id="DIV_32">
      <button type="submit" id="A_33">Get Started</button>
    </div>
    </form>

但是我得到的价值
?????this.loginForm.controls [ ‘邮报’].value.toString()
?等于null,那我怎么得到这个值？

知道问题出在哪里？关心罗伯托.