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

时间:2017-11-16 01:20:50

标签: javascript html angularjs api object

我正在研究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>"
}

我找到了一种如何使用&#34; ng-bind-html&#34;显示整个值的方法。但对于webapp中的某些地方,我只需要一个标签或img标签或p标签。

我的问题是:是否可以动态显示对象值的特定html标记,如上所述?

感谢您的时间和答案。

1 个答案:

答案 0 :(得分: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) + "/>";