Ionic动态添加样式表问题：为何仅app.component.html生效，index.html无效？

• Angular（Ionic 基于 Angular 构建）的模板绑定语法（如 [href]）仅在Angular 组件模板中生效，而 index.html 是项目的静态入口文件，不属于任何 Angular 组件的上下文，Angular 不会解析这里的绑定语法。
• sanitizer.bypassSecurityTrustResourceUrl() 是 Angular DomSanitizer 服务提供的方法，该服务依赖 Angular 的依赖注入系统，只有在 Angular 组件内部才能正常调用。index.html 在 Angular 应用初始化前就已加载，此时没有 Angular 的运行环境支持，无法访问这类服务。
• 若要在 index.html 中动态添加样式表，需用原生 JavaScript 实现，示例代码：

  <script>
    const cssUrl = '你的样式表地址';
    const link = document.createElement('link');
    link.type = 'text/css';
    link.rel = 'stylesheet';
    link.href = cssUrl;
    document.head.appendChild(link);
  </script>
  

内容的提问来源于stack exchange，提问作者maudichili