html - 如何将文本块转换为代码块？

Question

我必须在数据来自数据库的 UI（如 StackOverflow/bootstrap 等）中创建代码片段。假设我的代码是：

class test {
  public static void main(String args[]) {
    System.out.println("Hello");
  }
}

我正在发送这段代码，就像这样（带有适当的选项卡并输入），但是当我在视图中呈现它时，它变成了一行。我看到数据作为单行存储在数据库中。有没有办法在 Angular 中做到这一点？我尝试过使用pre，但它无法理解在哪里换行。

标签： htmlcssangularuser-interfacenpm