1. 什么是 @angular/compiler?
@angular/compiler 是一个 Angular 模板编译器的 npm 包，它的主要作用是将 Angular 应用程序的模板编译成渲染函数(compilerFn)，以供应用程序在运行时执行。
2. 如何使用 @angular/compiler?
使用 @angular/compiler 分为两部分：安装和使用。
安装
通过 npm 安装 @angular/compiler：
npm install @angular/compiler --save
通过以上命令将 @angular/compiler 安装到您的项目中，--save 参数将自动将其添加到您的项目的 package.json 文件中。
使用
在您的 TypeScript 代码中，引入 @angular/compiler 中的 Compiler 类，并使用它的 compileModuleAndAllComponentsSync 方法来编译 Angular 模板。
-- -------------------- ---- -------
------ - -------- - ---- --------------------
-- ---
-------- ------------------------- ------- -
-- ----------- - --------
----- -------- - --- -----------
-- ------- --- --------
----- ---------------- - --------------------------------------------
-- ------- ------ ---- -------- --- --------- -----------
------------- ----- ------------- ---
-- --- ---- ------- --------- -- --- -----------
--------------- - ----------- --
-- --- -------- ---- -- -- --------
-------------------- -- -- --------
---
-- ------ --- -------- --------
------ -----------------
-3. 示例代码
以下示例代码演示了如何使用 @angular/compiler 将一个简单的 Angular 模板编译成渲染函数。
-- -------------------- ---- ------- ------ - -------- - ---- -------------------- ----- -------- - --- ----------- -- ------ -- ------- --------- ----- ----------- - ------ ----- - ------- -------- - -- ------ -- ------- -------- ------ ----- -------- - ------- ----- --------- -- ------- --- -------- ----- ---------------- - -------------------------------------------- ------------- ----- ------------- --- --------------- - ----------- -- -------------------- -- -- -------- --- -- --- --- -------- -------- ----- -------- - ------------------------------------------------------------------------------------------------------------------------- -- ------ --- -------- -----------------------------------------------------------
4. 注意事项
- @angular/compiler 应该只用于开发/构建过程中，而不应该在运行时使用。
- 编译的模板可能会有潜在的安全漏洞，因此请尽可能避免在运行时使用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/108024