angular模板构建时静态分析，{{host}}等插值无法参与路径解析，导致ng2008错误；全局资源须在index.html用assets/相对路径引入，组件内禁止使用标签。
Angular 模板在构建时被静态分析，不是运行时才解析
Angular CLI（基于 Webpack 或 esbuild）在 ng build 阶段就会扫描所有组件的 templateUrl 或内联 template，提取指令、绑定、插值，并做类型检查、路径验证和资源依赖收集。这意味着：{{ host }} 这类插值在构建期仍是字符串字面量，无法被当作真实路径参与静态资源解析。
-
<link href="%7B%7B%20host%20%7D%7D/assets/style.css">会导致 NG2008 错误，因为构建器找不到该路径下的文件 -
<img>是安全的——属性绑定走的是运行时 DOM 更新，不触发构建期路径校验 - 只有
<link>、<script></script>、<style></style>标签的href/src属性会被构建器强制要求静态可解析
全局静态资源必须在 index.html 中用相对路径引入
Angular 的构建系统只对 index.html 做“入口级”资源注入，其他任何组件模板里的 <link> 或 <script></script> 都会被忽略或报错。正确做法是把第三方 CSS/JS 放进 src/assets/ 或 src/styles.css，然后统一在 index.html 里引用：
<link rel="stylesheet" href="assets/bootstrap.min.css"><script src="assets/chart.js"></script>
- 路径必须以
assets/、styles.css或根目录文件（如favicon.ico）开头，不能含变量或表达式 - 不要在组件模板中写
<link>—— 即使用了[attr.href]也绕不过构建期校验 - 如果需按环境切换 CDN，应在
angular.json的scripts/styles数组中配置不同 target
动态 HTML 字符串不能包含 Angular 组件指令
用 DomSanitizer.bypassSecurityTrustHtml() 渲染的 HTML，只是被标记为“可信”，但 Angular **完全不会编译其中的指令**。比如这段字符串：
<mat-expansion-panel><mat-expansion-panel-header>Title</mat-expansion-panel-header><p>Content</p></mat-expansion-panel>
渲染后只是普通 DOM 节点，没有 Material 的样式、动画、交互逻辑——因为 <mat-expansion-panel></mat-expansion-panel> 没被 Angular 解析成组件实例。
- 安全管道（如
safeHtml）仅适用于纯 HTML 片段：文本、<div>、<code><span></span>、<table> 等无指令结构 <li>若需动态插入带指令的模板，必须用 <code>ComponentFactoryResolver（已废弃）或ViewContainerRef.createComponent()（v14+）动态创建组件 - 直接拼接含
*ngIf、[routerLink]的字符串同样无效——这些绑定不会被激活
组件模板中的静态资源引用要走 assets 目录 + 相对路径
组件 HTML 中引用图片、字体、JSON 等静态资源时，路径必须相对于 src/，且以 assets/ 开头：
@@##@@ <div safehtml></div>
- 路径不能写成
../assets/或/assets/（前者可能越界，后者在子路由下会 404） -
assets/下的文件默认被拷贝到构建输出根目录，所以assets/就是最终部署时的 URL 前缀 - 如果需要服务端动态路径（如 CDN 域名），应通过环境变量注入，再在 TS 中拼接，最后用属性绑定传给
[src]或[href]
innerHTML + safeHtml 能复活组件指令，或者以为组件模板里的 <link> 能像 index.html 那样被识别——它们都不成立。
