Angular 如何在TypeScript中缩短字符串

Angular 如何在TypeScript中缩短字符串,angular,typescript,ionic-framework,Angular,Typescript,Ionic Framework,我有一个到长字符串的问题。我从一个API中获取数据,它的文本是:“法兰克福大街西”。 这是对我的div容器的渴望。所以我想用打字机把这个缩写成“法兰克福大街西”。 我知道切片法。不幸的是,字符串的长度每次都不同,并且一些数据不包含“Straße”。 我怎么能意识到这一点。不幸的是,我还没有找到一个合理的方法来处理我的div容器的长文本,你可以在div容器中添加以下css div { white-space: nowrap; overflow: hidden; text-overflo

我有一个到长字符串的问题。我从一个API中获取数据,它的文本是:“法兰克福大街西”。 这是对我的div容器的渴望。所以我想用打字机把这个缩写成“法兰克福大街西”。 我知道切片法。不幸的是,字符串的长度每次都不同,并且一些数据不包含“Straße”。
我怎么能意识到这一点。不幸的是,我还没有找到一个合理的方法来处理我的
div容器的长文本,你可以在
div容器中添加以下css

div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
它将根据
div容器的宽度将文本设置为
Frankfurt…

div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

同时可以在该文本上添加工具提示并显示该工具提示中的全部文本(可以通过添加<代码>标题>代码> PrimeType在HTML中添加一个简单的工具提示文本>

以缩短中间需要了解数据。如果长度大于X,您可以将所有的“Straße”替换为“Str”。但您需要一份可能发生的所有替换的列表。使用文本溢出省略号和悬停时的工具提示更容易: