我正在使用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')
方法吗?
请指教。任何最快的方法?