# 了解模板

在 Angular 中,模板是用户界面 (UI) 片段的蓝图。模板是用 HTML 编写的,可以在模板中使用特殊语法来构建 Angular 的许多特性。

# 前提条件

在学习模板语法之前,你应该熟悉下列内容:

  • Angular 的概念
  • JavaScript
  • HTML
  • CSS

# 增强 HTML

Angular 使用额外的特性扩展了模板中的 HTML 语法。例如,Angular 的数据绑定语法有助于动态设置文档对象模型 (DOM) 属性。

几乎所有 HTML 语法都是有效的模板语法。但是,由于 Angular 模板只是 UI 的一个片段,因此它不包含 <html><body><base>等元素。

TIP

为了消除脚本注入攻击的风险,Angular 不支持模板中使用 <script>元素。Angular 会忽略 <script>标记,并向浏览器控制台输出一条警告。欲知详情,参阅“安全性”页面。

# 关于模板语法的更多信息

你可能还对下列内容感兴趣:

插值学习如何在 HTML 中使用插值和表达式。 属性(Property)绑定设置目标元素或指令中带有 @Input() 装饰器的属性(Property) @Input()。 属性(Attribute)绑定设置属性(Attribute)的值。 类和样式绑定 设置类和样式的值. 事件绑定 监听 HTML 事件。 模板引用变量 在模板中使用特殊变量引用某个 DOM 元素。 内置指令 监听并修改 HTML 的行为和布局。 输入属性与输出属性 在父级上下文和子指令、子组件之间共享数据。

Last Updated: 5/16/2023, 7:35:10 PM