1. 本节说明 本节以及后面的内容我们将会通过搭建一个简单的博客程序来对angular进行介绍，项目使用前端框架是bootstrap.版本v3.3.7，另外需要安装jquery.关于bootstrap,jquery的安装方法第一篇中有讲解，不再赘述。本节内容由于搭建页面框架的关系，主要 ...

本节来介绍angular中的操作以及TypeScript语法的简单介绍。关于TypeScript语法的更为详细的内容，打算在整个angular教程结束后再单独介绍。 0. 安装所需要的插件及配置插件 安装bootstrap 进入项目目录，使用以下命令安装 ...

本教程基于angular7(2018-11-04) 1. 安装node.js 下载地址: http://nodejs.cn/download/ 下载对应自己操作系统的版本安装即可。 2.安装 angular-cli开发套件 安装命令： 3.创建一个新的项目 ​ ng ...

6. 数据双向绑定 视图和数据，只要一方发生变化，另一方跟着变化。 好处是不需要在代码中手动更新视图，简化开发，增加代码内聚性，代码可读性更强。 缺点是当绑定的数据层次深、数据量大时，会影响性能 ...

完整代码在最后，下面讲解以此代码为例 1.环境配置 1.1 安装@angular/material、@angular/cdk cnpm install --save @angular/material @angular/cdk 1.2 app.modules.ts导入 import ...

Angular 表单 input、checkbox、radio、 select、 textarea 实现在线预约功能 html 文件 ts 文件 css 文件 ...

安装angular的命令行工具 安装完后执行以下命令创建新项目: 然后进入项目目录 启动开发环境 快速创建组件(并自动在app.module.ts中导入) 属性绑定 [属性名 ...

1. 本节说明 本节的内容会在上期搭建的框架基础上进行数据的填充，顺便回顾之前介绍过的插值表达式，属性绑定等知识，本节的数据只是在组件中模拟数据，后面会有专门的章节讲解如何从服务器获取数据。 2. 轮播组件属性绑定 首先把轮播图使用的图片放在项目的src/assets目录下（图片请自行准备 ...