Html 如果类别名称太长，我想将其换行

{{category.name}

您可以这样使用

{{ category.name | limitTo: 10 }}

.tab-item {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

---

用于包装您可以使用的内容

white-space: normal;

或

---

您可以像这样设置固定宽度并截断任何溢出的文本

{{ category.name | limitTo: 10 }}

.tab-item {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

---

您可以选择：使用css隐藏文本的溢出部分，假设您的选项卡项有一个固定的px大小。或者制作你自己的angularjs过滤器来包装文本。