如果消息不是空角2,则在表单上显示错误消息

时间:2017-04-07 13:51:44

标签: angular typescript

我有一个注册表单,我希望在表单上显示错误消息,以防出现问题。

在我的.ts文件中,我有以下代码: -

onSubmit(email, password, name, surname, username, homephonenumber, mobilenumber){
this._userService.register(email, password, name, surname, username, homephonenumber, mobilenumber)
  .subscribe((result) => {
    if (result.success == "True") {
      //this._userService.login(email, password);
    }
    else
    {
      this.errorMessage = result.message;
    }
});

}

在我的表格中,我有以下内容: -

<div class="alert alert-danger" ng-if="{{errorMessage}}"></div>

这会在控制台中抛出错误: -

Can't bind to 'ng-if' since it isn't a known property of 'div'

如何显示错误消息?

感谢您的帮助和时间。

1 个答案:

答案 0 :(得分:1)

ng-if是angularjs语法。 对于角度2,将其更改为:

<div class="alert alert-danger" *ngIf="errorMessage"></div>

Angular 2模板文档:link