Эквивалент $ ('link'). Каждый в Angular / Typescript? - PullRequest
0 голосов
/ 03 декабря 2018

Я пытаюсь заменить <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>
...

Как мне это сделатьв угловых?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...