0
장치 + 레일 API를 설정하고 등록 구성 요소를 만들었습니다. 사용자를 생성하고 데이터베이스에 체크인 한 후 폼의 필드에 이름과 닉네임을 추가 했더라도 프로그램은 전자 메일과 암호 만 커밋했습니다.이름을 게시하려면 Angular2token을 어떻게 사용합니까?
레일 본체
User Load (0.6ms) SELECT "users".* FROM "users" ORDER BY "users"."id" DESC LIMIT ? [["LIMIT", 1]]
=> #<User id: 5, provider: "email", uid: "[email protected]", name: nil, nickname: nil, image: nil, email: "[email protected]", created_at: "2017-09-14 00:48:13", updated_at: "2017-09-14 00:48:14">
등록 성분 류마티스 관절염
import { Component, OnInit } from '@angular/core';
import { Angular2TokenService, RegisterData } from 'angular2-token';
@Component({
selector: 'register',
templateUrl: './register.component.html',
styleUrls: ['./register.component.css']
})
export class RegisterComponent {
registerData: RegisterData = <RegisterData>{};
output: any;
constructor(private _tokenService: Angular2TokenService) { }
onSubmit() {
this.output = null;
this._tokenService.registerAccount(this.registerData).subscribe(
res => {
this.registerData = <RegisterData>{};
this.output = res;
}, error => {
this.registerData = <RegisterData>{};
this.output = error;
}
);
}
}
등록 성분 HTML
<form (ngSubmit)="onSubmit()">
<div class="row">
<ul>
<li>
<input type="text" name="name" placeholder="Name" required [(ngModel)]="registerData.name">
</li>
<li>
<input type="text" name="username" placeholder="Username" required [(ngModel)]="registerData.nickname">
</li>
<li>
<input type="text" name="email" placeholder="Email" required [(ngModel)]="registerData.email">
</li>
<li>
<input type="password" name="password" placeholder="Password" required [(ngModel)]="registerData.password">
</li>
<li>
<button type="submit">Register</button>
</li>
</ul>
</div>