Angular4用于解析,处理和修改HTML内容

时间:2017-11-08 05:01:34

标签: angular

我正在使用Angular4构建一个发布应用程序。在我被要求实现一个能够读取现有HTML内容,解析和修改的函数之前,这是好的。

例如,给定HTML输入字符串

I am a <span class="color-red">Angular</span> <b>newbie</b>.
<div class="premium-photo">
    <img src="/upload/old-photo.jpg">
</div>
Other HTML...

我想识别班级div的所有premium-photo并阅读容器中的img.src,然后更改img.src内容并重新发布文章

流程输出字符串应为:(请注意,img.src已更改,而其他HTML保持不变)。

I am a <span class="color-red">Angular</span> <b>newbie</b>.
<div class="premium-photo">
    <img src="/new-upload/new-and-more-beautiful-photo.jpg">
</div>
Other HTML...

我可以使用Angular4来实现此功能吗?我使用Angular for MVC app前端界面,但不知道如何在Angular中实现这个功能。

有什么建议吗?我需要使用jQuery $('div.premium-photo').find('img').attr('src')方法吗?

请指教。任何最快的方法?

0 个答案:

没有答案