Question

我正在尝试为Angular（当前）6应用程序的中国用户将<link href='http://fonts.googleapis.com/ ...替换为<link href='http://fonts.useso.com/...。 an excellent article描述了如何在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>
...

我该如何在Angular中做到这一点？

等价于Angular / Typescript中的$（'link'）。each吗？

0 个答案: