本文深入解析AngularJS模板的构成与语法，介绍如何使用HTML编写模板，并结合模型与控制器信息呈现动态视图。探讨模板语法规范，包括html词汇的使用、插值表达式、绑定语法及Angular内置与自定义指令。
什么是模板
在AngularJS中，模板是使用HTML编写的，其中包含AngularJS特定的元素和属性。AngularJS将模板与来自模型和控制器的信息相结合，以呈现用户在浏览器中看到的动态视图。
模板语法
HTML 是 Angular 模板的语言。几乎所有的HTML语法都是有效的模板语法。 但值得注意的例外是<script>元素，它被禁用了，以阻止脚本注入攻击的风险。（实际上，<script>只是被忽略了。）
有些合法的 HTML 被用在模板中是没有意义的。<html>、<body>和<base>元素这个舞台上中并没有扮演有用的角色。剩下的所有元素基本上就都一样用了。这些元素存在于index.html中。
可以通过组件和指令来扩展模板中的 HTML 词汇。它们看上去就是新元素和属性。
那么模板语法是什么呢？
对于一个简单的html代码，我们可以在页面内配置css属性，绑定事件，设计element元素的位置达到我们想要的结果。以此类推到Angular模板中来说。模板语法规定了以下内容（自我总结）：
- 规定了html词汇
- 扩展插值表达式和扩展模板表达式
- 扩展了绑定语法
- 模板引用变量
- Angular内置指令
- Angular自定义指令
扫一扫
2627
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
