我想在用户保存数据时显示Bootstrap警报.
我的代码如下:
html页面:
<div class="alert alert-success" *ngIf="saveSuccess"> <strong>Success!</strong> </div> <form #f="ngForm" (submit)="saveUser(f.value)"> /////Some form fields <button class="form-control btn btn-primary" type="submit">save</button> </form>
app.component.ts:
export class UserProfileComponent{ saveSuccess: boolean; user: IUser; saveUser(user:IUser) { this.headers = new Headers(); this.headers.append('Content-Type','application/json'); this.editUserForm = user; this._http.post('api/user/'+this._current_user._id,JSON.stringify(this.editUserForm),{ headers: this.headers }).subscribe(function(data) { // if the update is successful then set the value to true // this is getting updated if (data){ this.saveSuccess = true; } else{ this.saveSuccess = false; } }); }
}
我想在POST成功完成后显示警报.
我想我错过了如何将’saveSuccess’变量绑定到html,以便在成功保存完成后显示警报. (我是Angular2的新手)
解决方法
昨晚我没有看到它,可能为时已晚.但是您的问题是在设置saveSuccess的内联函数中没有此上下文.
我建议你使用lambdas或“胖箭头功能”.代替
function(data) { ... }
你做
(data) => { ... }
这样就可以保留这个上下文.只需在需要内联功能的地方使用它,您将不再有任何问题!
原文地址:https://www.jb51.cc/js/157682.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。