Angular 模板 Template

葛鸿熙
2023-12-01

什么是模板

在AngularJS中,模板是使用HTML编写的,其中包含AngularJS特定的元素和属性。AngularJS将模板与来自模型和控制器的信息相结合,以呈现用户在浏览器中看到的动态视图。

模板语法

HTML 是 Angular 模板的语言。几乎所有的HTML语法都是有效的模板语法。 但值得注意的例外是<script>元素,它被禁用了,以阻止脚本注入攻击的风险。(实际上,<script>只是被忽略了。)
有些合法的 HTML 被用在模板中是没有意义的。<html>、<body>和<base>元素这个舞台上中并没有扮演有用的角色。剩下的所有元素基本上就都一样用了。这些元素存在于index.html中。
可以通过组件和指令来扩展模板中的 HTML 词汇。它们看上去就是新元素和属性。

那么模板语法是什么呢?
对于一个简单的html代码,我们可以在页面内配置css属性,绑定事件,设计element元素的位置达到我们想要的结果。以此类推到Angular模板中来说。模板语法规定了以下内容(自我总结):

  • 规定了html词汇
  • 扩展插值表达式和扩展模板表达式
  • 扩展了绑定语法
  • 模板引用变量
  • Angular内置指令
  • Angular自定义指令
 类似资料: