angular - 在Angular中显示错误名称(按功能)

Question

我试图像这样进入一个文本区域:

  <textarea></textarea>

Answer 1

您只需对html和ts文件进行少量更改。

1. Change in html

innerHTML不是必需的。如果您具有html内容，则可以改用innerHTML。

<div [hidden]="checkValid()" class="error-message" [innerHTML]="errorMessage">
       {{ errorMessage }}
 </div>

2. Change in ts

  errorMessage = ""; <-- You can make it array if you want to store multiple errors.
  checkTabsNewLines = ( str ) => {
    const reN = /[\n]/mg;
    const reT = /[\t]/mg;
    if (((str || '').match(reN) || []).length === ((str || '').match(reT) || []).length - 1) {
      this.errorMessage = "It has tab lines";
      return true;
    } else {
      return false;
    }

  }

  checkTabsNewLinesSuggestedQ = ( str ) => {

  if(true){ . //set the message if function returns true.
    this.errorMessage = "checkTabsNewLinesSuggestedQ message"; /<--set message
  }     

  ........return false/true}

  checkEmptyVal = ( str: string ) => {
    if(true){ . //set the message if function returns true.
      this.errorMessage = "checkEmptyVal message"; /<--set message
    } 
    ....... return false/true
  }