一个样式的大动态文本字符串是如何成角的？
我目前已经使用了HomeAway API，它返回了我必须包含在我的应用程序中的一个重要属性。这是一种描述，给出了用户将看到的租房清单的关键细节。
的挑战：这个描述被作为一个大的文本块发送。
这个块有各种各样的细节，必须在视觉上和样式上分开，这样才能让它可读性。
我的问题：是否有任何优雅的方法来对潜在的大块动态文本进行样式化？
示例
文本会像这样返回(为了保持理智而显着地缩短)：
你的超现代智能家居承诺在好莱坞的心脏绝对奢华。宽敞的三层楼布局包括一个玻璃包围的螺旋楼梯和一个带热水浴缸和隐私窗帘的优雅后院。在这间开放式客厅里，一张沙发和两把扶手椅抵消了生机勃勃的白色墙壁。控制从灯光到百叶窗，从两个卧室的平板电脑。家庭附加设备包括不锈钢洗衣机/烘干机和免费Wi。街上有停车位。隔壁的家也可以容纳更大的聚会。地理位置步行到拉克蒙特村和从所有经典好莱坞景点快速开车，这个独特的家是您想去的地方。在不到一个街区的咖啡厅提供素食和新鲜果汁。在几步之遥，Osteria是您寻找浪漫晚餐的美味意大利餐厅和酒吧。TURNKEY度假租赁公司是一家领先的全方位物业管理公司。我们保证所有的上市信息是准确和最新的。从你预定的那一刻起，你就会得到关于你的旅行的及时和有帮助的沟通。到达时，使用无钥匙的安全门代码轻松访问您的单位；不需要进行面对面的密钥交换。
理想状态
你的超现代智能家居承诺在好莱坞的心脏绝对奢华。宽敞的三层楼布局包括一个玻璃包围的螺旋楼梯和一个带热水浴缸和隐私窗帘的优雅后院。
关于众议院
在开放概念的客厅里，一张沙发和两把扶手椅抵消了生机勃勃的白色墙壁，这是一种凉爽的世纪中叶气氛。控制从灯光到百叶窗，从两个卧室的平板电脑。家庭附加设备包括不锈钢洗衣机/烘干机和免费Wi。街上有停车位。隔壁的家也可以容纳更大的聚会。
地点
步行到拉克蒙特村和从所有经典好莱坞景点快速开车，这个独特的家是您想要去的地方。在不到一个街区的咖啡厅提供素食和新鲜果汁。在几步之遥，Osteria是您寻找浪漫晚餐的美味意大利餐厅和酒吧。
由统包度假租赁管理的物业的期望是什么？
TurnKey度假租赁公司是一家领先的全方位物业管理公司.我们保证所有的上市信息是准确和最新的。从你预定的那一刻起，你就会得到关于你的旅行的及时和有帮助的沟通。到达时，使用无钥匙的安全门代码轻松访问您的单位；不需要进行面对面的密钥交换。
你可以看到细节主题是完全大写的。我的倾向是建立一个定制的管道，用来检测大写单词。然而，主题不仅仅是一个词，而且往往很多。即使在检测到它们之后，我如何从管道中格式化DOM来格式化文本呢？
我是不是把事情搞得太复杂了？有什么明显的东西我错过了吗？我之所以这样问，是因为这似乎是抽象解决方案中一个非常常见的问题。对现代的方法有什么建议吗？
任何帮助都很感激。，谢谢你看.
回答 2
Stack Overflow用户
发布于 2019-01-04 08:36:35
在用管道进行尝试之后，很明显，它可能无法工作。但我可以用另一种方法让它起作用。我会回来解释一下发生了什么(我需要休息一下)，但这里有一些值得思考的东西。
你的挑战
- 查找标头--实际上可以用regex来查找它们，但是您可能会遇到一些问题，因为有些段落以A开头，最后被标记在像
(([A-Z]{1,} ){1,})这样简单的东西中。这是您可以解释的，但我最初选择了退出该方法。事后看来(20/20，你知道)，如果你走这条路，它可能会使用更少的代码。 - 标头的样式
- 因为它只是一个文本字符串，所以基本上需要在字符串中添加HTML，除非您将正文和文本分开，并以某种(复杂的)方式使用
ngFor和ngIf。 - 如果您决定将HTML添加到文本中(如我所做的那样)，您将需要创建一个包含文本的空元素，然后将其更改为
innerHTML作为最终文本。 - 通过这样做，您将提交到使用内联样式或在组件装饰器中设置
encapsulation: ViewEncapsulation.None。这样做意味着角不对组件你可以在这里读到更多使用Shadow DOM。
- 因为它只是一个文本字符串，所以基本上需要在字符串中添加HTML，除非您将正文和文本分开，并以某种(复杂的)方式使用
Stack Overflow用户
发布于 2019-01-04 05:34:23
如果您的文本格式与理想情况下显示的格式相同，那么您只需使用p标记并将css应用于p标记即为white-space: pre-wrap;。
https://stackoverflow.com/questions/54033410
复制相似问题
腾讯云开发者
