Angular 如何在TypeScript中缩短字符串
我有一个到长字符串的问题。我从一个API中获取数据,它的文本是:“法兰克福大街西”。 这是对我的div容器的渴望。所以我想用打字机把这个缩写成“法兰克福大街西”。 我知道切片法。不幸的是,字符串的长度每次都不同,并且一些数据不包含“Straße”。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
我怎么能意识到这一点。不幸的是,我还没有找到一个合理的方法来处理我的
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”。但您需要一份可能发生的所有替换的列表。使用文本溢出省略号和悬停时的工具提示更容易: