Angularjs 如何更改favicon angular.js_Angularjs_Html

Angularjs 如何更改favicon angular.js

angularjs html

Angularjs 如何更改favicon angular.js,angularjs,html,Angularjs,Html,我正在尝试在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">

我正在尝试在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>


角螺旋藻1.0

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

这就是我真正感到困惑的地方。为了检查我是否误解了一些基本内容，我将favicon放在一个目录中（只是为了测试href链接的范围），并且没有更改img仍然出现的原始href链接。这是如何发生的，以及如何正确引用其他图像？

浏览器将缓存favicon。如果更改，请打开浏览器的开发人员工具，确保已禁用缓存，然后重新加载页面以使浏览器下载新图标。谢谢，你对什么是阻止非.ico图像工作有什么想法吗？我想你需要使用../app/img/或/img/icons8-shopping-basket-96.png请提供目录structure@JS福特我不认为这会导致任何问题，如果他使用AngularCLI，那么每次更改它都会自动编译页面

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