浏览“dom”在AngularJS中，字符串就像html一样

Navigate the "DOM" of a string as though it was html with AngularJS

本文关键字：字符串 html 一样 dom AngularJS 浏览      更新时间：2023-09-26

我想取一个合法的HTML字符串，并根据标签及其属性从中提取一些数据。我知道这在jQuery中是可能的，而且它有几个内置的方法来实现这一点，但我正在尝试Angular，除非我真的需要，否则我想避免使用jQuery。Angular是否为此提供了自己的一组函数?

你甚至可以用普通的Javascript做到这一点。这里有一个简单的例子。如果您确切地向我们展示了您试图从HTML字符串中提取的内容，我们可以更具体地回答。下面是展示基本概念的工作代码片段示例:

var htmlStr = '<div><div class="item">Bear</div><div class="item">Wolf</div></div>';
var div = document.createElement("div");
div.innerHTML = htmlStr;
var items = div.querySelectorAll(".item");
for (var i = 0; i < items.length; i++) {
  document.write(items[i].innerHTML + "<br>");
}

Angular包含jQuery的一个子集jqLite，文档在这里。jqLite中的.find()仅限于搜索标签名称，因此.querySelectorAll()内置在所有现代浏览器中，这些天将更有能力。

相关文章：