jquery - Angularjs：在缓存的模板中按ID查找元素

Question

我有几个 HTML 文件，我需要在这些 html 文件中提取给定元素的文本内容，并将其作为变量转换为 angular。

我决定使用 angular$templateRequest来获取每个 HTML 文件，并将$templateCache它们存储在缓存中。我希望通过这种方式我可以使用 Angular 或 jQuery/jQueryLite 选择器来访问这些缓存的模板并通过元素 ID 获取特定的元素内容。但是当谈到从给定的缓存模板中检索给定的元素文本时，我碰壁了。

$templateRequest(htmlFileUrl.html).then(function(htmlFile) {
   $templateCache.put(htmlFileName, htmlFile);
   var template = $templateCache.get(name);
   var elementId = '#some_id'; //element present in htmlFileUrl.html
   var elementText;
   // Assign text value of elementId to elementText SOMEHOW
   console.log(elementText) // Should print text of elementId
});

Answer 1

假设您在 angularjs 中使用 jQuery，您可以将模板内容传递给它（这不会影响您的 DOM）并进行通常使用 jQuery 进行的查找：

var template = $( $templateCache.get(name) );
var elementId = '#some_id';
var elementText = template.find(elementId).text();
console.log(elementText);