パスワードフォームを変更してlogin.configに変更を保存する

Question

私は非常に角度が新しく、ユーザーがパスワードを変更できるようにフォームを作成しようとしています。このためには、login.configからユーザーに関する情報を読む必要があります。ファイルの読み方やこのファイルトラフの変更方法を知らないため、ここで問題が発生します。誰か提案はありますか？

HTML：

<form class="form" method="post" #optionsForm="ngForm" (ngSubmit)="onSubmit(optionsForm)"> 
    <h2 >Change password</h2> 
    <div > 
     <label>Old Password </label> 
     <input type="password" name="lass="form-input" ngModel> 
     </div> 
     <div> 
      <label>New Password </label> 
      <input type="password" name="new-password" id="new-password-input" 
      required ngModel> 
    </div> 
    <div class="form-row"> 
      <label> Repeat new password</label> 
      <input type="password" name="repeat-password" id="repeat"ngModel> 
    </div> 
    <div class="form-row form-row-center"> 
     <input type="submit" id="save-changes" value=" Submit"/> 
    </div> 
    </form> 

component.ts：

import {Component, OnInit} from '@angular/core'; 
import {Headers, Http} from '@angular/http'; 
import 'rxjs/add/operator/toPromise'; 
import {NgForm} from '@angular/forms'; 


    @Component({ ... }) 
    export class OptionsComponent implements OnInit { 
    constructor(private http: Http) {}; 
    onSubmit(form: NgForm): void { 

    //read password from login.config 
    // write new password in login.config 

    form.resetForm(); 

    } 

    } 

login.config：

username: user@mail.com 
    password: 1234 

Answer 1

私はあなたが以下の

private extractData(res: Response) { 
    if (res.status < 200 || res.status >= 300) { 
     throw new Error('Bad response status: ' + res.status); 
    } 
    let body = res.json ? res.json() : null; 
    return (body && body.data || {}); 
    } 

getData() { 
     return <Observable>this.http 
     .get(jsonFileUrl) 
     .map(res => this.extractData(res)); 
    } 

含むサービスを作成することをおすすめ

、あなたのコンポーネントにあなたがサービスを注入し、getDataメソッドを呼び出す

​​

希望の情報はファイルではなく、ユーザの入力を通ってくるんなぜこれが