У меня есть несколько HTML файлов, и мне нужно извлечь текстовое содержимое данных элементов в эти html файлы и превратить их в угловые переменные.
Я решил использовать угловое $templateRequest
для получения каждого файла HTML и $templateCache
для их хранения в кеше. Я так надеялся, что могу использовать угловой или jQuery/jQueryLite селектор для доступа к этим кэшированным шаблонам и получить конкретное содержимое элемента по идентификатору элемента. Но когда дело доходит до получения данного элемента текста из заданного кешированного шаблона, я нажимаю на стену.
$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
});
Спасибо заранее.
Предполагая, что вы используете jQuery вдоль angularjs, вы можете просто передать содержимое шаблона (это не повлияет на ваш DOM) и выполнить поиск, который вы обычно делаете с помощью jQuery:
var template = $( $templateCache.get(name) );
var elementId = '#some_id';
var elementText = template.find(elementId).text();
console.log(elementText);