仅将特定的 html 标记作为对象值到达

Question

我正在研究 Angular js (1.6)，我第一次必须处理一个包含多个对象的 API：

{
  "description": " <p><a href=\"url">link</a>text</p><p><a href=\"other 
  url"><img src=\"another url" width=\"240\" height=\"160\" alt=\"text\" />
  </a></p> <p>text</p>"
}

我找到了一种使用“ng-bind-html”显示整个值的方法，但是对于 webapp 中的某些地方，我只需要 a 标签或 img 标签或 p 标签。

我的问题是：是否可以像上面那样只动态显示对象值的特定 html 标记？

感谢您的宝贵时间和回答。

Answer 1

嗯，它是一个字符串。因此，与任何字符串一样，您都可以这样做。

var str = "<p><a href=\'url'>link</a>text</p><p><a href=\'otherurl'><img src=\'another url' width=\'240\' height=\'160\' alt=\'text\' /></a></p> <p>text</p>";

var start = str.indexOf("<img");
var end = str.indexOf("/>", (start));
var embed = str.substring(start, end) + "/>";