# 了解模板
在 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 的行为和布局。 输入属性与输出属性 在父级上下文和子指令、子组件之间共享数据。
← Angular 元素 介绍 →