如何改变favicon angular.js

时间:2018-04-16 21:25:03

标签: html angularjs html5

我正在尝试在angular.js应用程序中更改我的favicon。我遇到的问题是不了解图标的引用方式。我的代码是这样的。

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
  <title>AngularAugma 1.0</title>
  <base href="/">



  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body id="top-of-page">
  <app-root><div class="loading"></div></app-root>


</body>

当我尝试将favicon的链接更改为以下(以及其他几个目录变体)时,我得到了默认图标(空白页面img)。

  <link rel="icon" type="image/png" href="app/img/icons8-shopping-basket-96.png">

这是我的困惑真正踢的地方。为了检查我是否误解了一些基本的东西,我把favicon放到一个目录中(只是为了测试href链接的范围)而不改变img仍然出现的原始href链接。这是怎么回事?如何正确引用另一张图片?

0 个答案:

没有答案