Angular 2 无需使用 localstorage 即可记住我的功能
Angular 2 remember me functionality without using localstorage
有什么方法可以让 记住我 功能而不使用 angular 2 中的 本地存储?
您可以使用 angular2-cookie 记住我的功能。
请安装以下插件
npm install angular2-cookie
使用以下方法在您的项目中设置 cookie link
https://www.npmjs.com/package/angular2-cookie
组件文件:
public Formdata:any = {};
export class AppComponent {
constructor(private _cookieService:CookieService) {
if(_cookieService.get('remember')) {
this.Formdata.username=this._cookieService.get('username');
this.Formdata.password=this._cookieService.get('password');
this.Formdat.rememberme=this._cookieService.get('remember');
}
}
submitData() {
this._cookieService.put('username',this.Formdata.username);
this._cookieService.put('password',this.Formdata.password);
this._cookieService.put('remember',this.Formdat.rememberme);
}
}
查看文件:
<form>
<div>
<label>Username : </label>
<input type="text" [(ngModel)]="Formdata.username" />
</div>
<div>
<label>Password : </label>
<input type="text" [(ngModel)]="Formdata.password" />
</div>
<div>
<input type="checkbox" [(ngModel)]="Formdata.rememberme" /> Remember me
</div>
<button (click)="submitData()">Submit</button>
</form>
谢谢
有什么方法可以让 记住我 功能而不使用 angular 2 中的 本地存储?
您可以使用 angular2-cookie 记住我的功能。 请安装以下插件
npm install angular2-cookie
使用以下方法在您的项目中设置 cookie link
https://www.npmjs.com/package/angular2-cookie
组件文件:
public Formdata:any = {};
export class AppComponent {
constructor(private _cookieService:CookieService) {
if(_cookieService.get('remember')) {
this.Formdata.username=this._cookieService.get('username');
this.Formdata.password=this._cookieService.get('password');
this.Formdat.rememberme=this._cookieService.get('remember');
}
}
submitData() {
this._cookieService.put('username',this.Formdata.username);
this._cookieService.put('password',this.Formdata.password);
this._cookieService.put('remember',this.Formdat.rememberme);
}
}
查看文件:
<form>
<div>
<label>Username : </label>
<input type="text" [(ngModel)]="Formdata.username" />
</div>
<div>
<label>Password : </label>
<input type="text" [(ngModel)]="Formdata.password" />
</div>
<div>
<input type="checkbox" [(ngModel)]="Formdata.rememberme" /> Remember me
</div>
<button (click)="submitData()">Submit</button>
</form>
谢谢