html - 显示带有新行的内联错误消息

Question

我正在尝试显示内联错误消息

我的目标是实现这一目标：

错误 1

错误 2

但相反，它出现在同一行，如：错误 1 ​​错误 2

我尝试使用 document.createElement("br") 但没有用。

下面是我的代码：

HTML：

  <span *ngIf="ifError()"class="validation_class">
  <p id="inline_error">{{inlineErrorMsgs}}</p></span>

TS：

 ifError(){
 var Errormsg:string;
 var br = document.createElement("br");
 for(var i=0;i<this.messages.length;i++){
 Errormsg = this.messages[i]
 this.inlineErrorMsgs = this.inlineErrorMsgs+Errormsg+br;
 }

如何添加新行

标签： htmlangulardom

Answer 1

将错误消息存储在数组中并使用 ng-for 循环显示它们