Angular to Springブートアプリケーションを使用してデータを送信する方法..？

Question

私は

マイapp.ts

import {bootstrap, Component} from 'angular2/angular2'; 
import {DemoForm} from './form'; 
//import {FormBuilder, ControlGroup} from "angular2/angular2"; 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <demo-form></demo-form> 
    `, 
    directives:[DemoForm] 
}) 
class AppComponent { 
    constructor(){} 
} 

bootstrap(AppComponent,[]); 

と私のform.ts

import {Component, View, FORM_DIRECTIVES} from 'angular2/angular2'; 

@Component({ 
    selector: 'demo-form' 
}) 
@View({ 
    directives: [FORM_DIRECTIVES], 
    template: ` 
    <div> 
    <form #f="form" (submit)="onSubmit(f)"> 
     <div class="form-group"> 
     <label for="id">id</label> 
     <input type="text" class="form-control" ng-control="id" placeholder="id" required> 
     </div> 

     <div class="form-group"> 
     <label for="name">name</label> 
     <input type="text" class="form-control" ng-control="name" placeholder="name" required> 
     </div> 

     <button type="submit" class="btn btn-default" [disabled]="!f.valid">Submit</button> 
    </form> 
    <hr> 
    submitted : {{submitted|json}} 
    </div> 
    ` 
}) 
export class DemoForm { 
    private submitted:object = {}; 
    onSubmit(f) { 
    this.submitted = f.value; 
    } 
} 

と自分のユーザー名私提出...角度2にログインアプリケーションを作り、その作業していますパスワードはjson形式で

提出：​​

は今、私はバックエンドでそのユーザ名とパスワードを使用することができるように... spring boot controllerに私の角のアプリケーションから をユーザー名とパスワードを送信する必要があります...

を私はどのように起動するのか分かりません。チュートリアルや簡単な例があれば、これを共有することができます。共有する

Answer 1

これを行う方法については、AZのドキュメントは必要ありません。あなたは一度に作品を学ぶことができます。

基本的に、あなたが持っている必要があります。

• 入力のいくつかの方法：バックエンドにその入力を送信するためにAngular 2 Forms
• 方法：Angular 2 HTTP Services
• バックエンドでセキュアなログイン：Spring Security Getting Started

他のリンク

• 春+ Angular2：https://github.com/borysn/spring-boot-angular2
• 角度2ログイン：http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial