Я пытаюсь заменить <link href='http://fonts.googleapis.com/
... на <link href='http://fonts.useso.com/
... для моих пользователей в Китае для приложения Angular (в настоящее время) 6.Есть отличная статья , описывающая, как это сделать в JavaScript, но я не знаю достаточно, чтобы придумать эквивалент в Angular.Я рассмотрел ViewChild
, но кажется, что он дает только дочерние компоненты компонента.Вот функция в JavaScript:
function replaceGoogleCDN() {
$('link').each(function(){
var $intial = $(this).attr('href'),
$replace = $intial.replace('//fonts.googleapis.com/', '//fonts.useso.com/');
$(this).attr('href', $replace);
});
}
и вот несколько строк из index.html
с двумя ссылками, которые мне нужно изменить:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<base href="/">
...
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic" rel="stylesheet">
</head>
<body>
<app-root>
...
Как мне это сделатьв угловых?