Angular7教程-03-Angular常用操作(上)
本节来介绍angular中的操作以及TypeScript语法的简单介绍。关于TypeScript语法的更为详细的内容，打算在整个angular教程结束后再单独介绍。 0. 安装所需要的插件及配置插件 安装bootstrap 进入项目目录，使用以下命令安装 ...
原文：Angular7教程-04-Angular常用操作（下）
. 数据双向绑定 视图和数据，只要一方发生变化，另一方跟着变化。 好处是不需要在代码中手动更新视图，简化开发，增加代码内聚性，代码可读性更强。 缺点是当绑定的数据层次深 数据量大时，会影响性能。 双向数据绑定的语法是 x . 修改article.component.html中的内容如下： 当在input框中输入内容时，插值表达式的位置内容会同时改变。在使用ngModel时需要在app.modul ...
2018-11-12 21:55 0 2927 推荐指数：
相关推荐
angular7 DOM操作 及 @ViewChild
一、Angular 中的 dom 操作（原生 js） 二、Angular 中的 dom 操作（ViewChild） 三、父子组件中通过 ViewChild 调用子组件 的方法 1.调用子组件给子组件定义一个名称 1. 引入 ViewChild 3. ...
Angular7教程-01-Angular开发环境配置
本教程基于angular7(2018-11-04) 1. 安装node.js 下载地址: http://nodejs.cn/download/ 下载对应自己操作系统的版本安装即可。 2.安装 angular-cli开发套件 安装命令： 3.创建一个新的项目 ng ...
Angular7 Drag and Drop
完整代码在最后，下面讲解以此代码为例 1.环境配置 1.1 安装@angular/material、@angular/cdk cnpm install --save @angular/material @angular/cdk 1.2 app.modules.ts导入 import ...
angular7学习笔记
安装angular的命令行工具 安装完后执行以下命令创建新项目: 然后进入项目目录 启动开发环境 快速创建组件(并自动在app.module.ts中导入) 属性绑定 [属性名 ...
Angular7 表单
Angular 表单 input、checkbox、radio、 select、 textarea 实现在线预约功能 html 文件 ts 文件 css 文件 ...
Angular7教程-06-页面与数据交互
1. 本节说明 本节的内容会在上期搭建的框架基础上进行数据的填充，顺便回顾之前介绍过的插值表达式，属性绑定等知识，本节的数据只是在组件中模拟数据，后面会有专门的章节讲解如何从服务器获取数据。 2. ...
Angular7教程-05-搭建项目环境
1. 本节说明 本节以及后面的内容我们将会通过搭建一个简单的博客程序来对angular进行介绍，项目使用前端框架是bootstrap.版本v3.3.7，另外需要安装jquery.关于bootstrap,jquery的安装方法第一篇中有讲解，不再赘述。本节内容由于搭建页面框架的关系，主要 ...