在 Angular 中,模板就是一块 HTML。你可以在模板中通过一种特殊的语法来使用 Angular 的诸多特性。
在学习模板语法之前,你应该熟悉下列内容:
应用程序中的每个 Angular 模板都是一块 HTML,你可以将其包含在浏览器显示的页面中。 Angular 中的 HTML 模板与常规 HTML 一样,可以在浏览器中渲染视图或用户界面,但功能要多得多。
使用 Angular CLI 生成 Angular 应用时, app.component.html
文件是一个包含占位符 HTML 的默认模板。
本模板语法指南向你展示了如何通过协调类和模板之间的数据来控制 UX/UI。
大多数模板语法指南都有专门的可工作的范例应用,这些应用程序演示了每个指南中的各个主题。要查看把所有应用合在一起时的工作情况,请参阅综合Template Syntax Live Code / 下载范例。
在模板中使用 Angular 的特有语法来扩展应用程序的 HTML 词汇表。例如,Angular 可以通过内置的模板函数、变量、事件监听和数据绑定等功能来帮助你动态获取和设置 DOM(文档对象模型)中的值。
几乎所有的 HTML 语法都是有效的模板语法。但是,由于 Angular 模板只是整个网页的一部分,而不是整个网页,因此你不需要包含诸如 <html>
, <body>
或 <base>
元素。这样你可以专注于正在开发的那部分页面。
为了消除脚本注入攻击的风险,Angular 不支持模板中使用
<script>
元素。Angular 会忽略 <script>
标记,并向浏览器控制台输出一条警告。
模板类型检查概述正如TypeScript在代码中捕获类型错误一样,Angular也会检查应用程序模板中的表达式和绑定,并可以报告所发现的...
完结篇我们的应用程序现在完成了。请随意练习这些代码,用git checkout命令跳回到前面的步骤。要想获得我们在本教程中涉及的更多...
AngularJS ng-class 指令 AngularJS 参考手册AngularJS 实例修改 div 元素的类:select ng-model="home" optionvalue="sky"Sky/op...
AngularJS ng-cut 指令 AngularJS 参考手册AngularJS 实例输入框的文本被剪切时执行表达式:input ng-cut="count = count + 1" n...
push和pop函数push和pop函数允许分别向数组的末尾添加和删除项目:var nums = [ 1, 1, 2, 3, 5, 8 ];nums.push(13);console.log(...
process是Node.js提供的最重要的全局变量之一。它具有有用的成员函数和属性。它是几个关键事件的来源。命令行参数我们使用proces...
fs模块提供对文件系统的访问。使用 require('fs')加载此模块。fs 模块有用于重命名文件,删除文件,读取文件和写入文件...
TypeScript for循环for循环执行指定次数的代码块。它可用于迭代一组固定的值,例如数组。for循环的语法如下:语法for (initial_c...