angular - 在 snackbar Angular 4 中添加换行符

Question

我想添加带有我提供的正确换行符的多行文本消息。

  this.sampleStringErrorMsg = 'The sample is not valid:\n' +
            '- The key and key value are required in the sample.\n ' +
            '- The delimiter must be entered when the sample contains several key-value pairs.\n' +
            '- The delimiter must not be equal to the key or key value.\n';

sampleStringErrorMsg 是我在 snackbar 中显示的文本。现在， snackbar 从文本中省略 \n 并对齐整个消息，如下图所示

Answer 1

我刚刚添加了空白:预换行

//ts

const msg: string = `Registration successful. \n Please, confirm your email`;   
this._snackBar.open(msg, '', {
    duration: 8000,
    panelClass: ['success-snackbar']
});

//css

.success-snackbar {
  background: #1fcd98;
  white-space: pre-wrap
}