首页 > TAG信息列表 > angular2

angular2/4 路由查询参数 queryParams

    限制数字angular2/4 路由查询参数 queryParams

angular2引入hammerjs

1.添加依赖的方法: npm install  依赖组件  --save         npm install  hammerjs  --save         --save 就是将要安装的依赖写到package.json的dependencies 对象中去        --save-dev是将要安装的依赖写到package.json的devDependencies 对象

Angular2入门系列(三)————组件

Angular2入门系列(三)————组件 1. 概述 组件(component)是构成Angular应用的基础和核心,它是用来包装特定的功能,应用程序的有序运行依赖于组件之间的协同工作。 2. 模块化介绍 在node.js中,模块就是一个文件,引入一个文件就是简单地通过requir('filePath')引入,其中filePath是文件名

angular2 新建项目

新建项目需要确定电脑环境: 需要安装nodejs、npm、angularCLI   执行:ng --version 确定电脑已安装ng   确定项目名称 名称规范:不能写驼峰式(不使用大写字母)、只能用 ‘-’ 连接,不能用 ‘_’   执行:ng new 项目名称 例如:ng new my-app   执行:npm start 确定项目创建成功。

Angular2的环境构筑

1.nodejs安装   https://nodejs.org/en/download/   2.环境变量设定   Path->\node-v10.16.3-win-x64   3.在cmd下输入node -v   4.在cmd下输入npm -v   5.由于angular2是基于typescript构建,所以我们必须安装typescript   npm install -g typescript typings   6.npm i

angular2单元测试学习

单元测试简介:https://segmentfault.com/a/1190000009737186 单元测试-Jasmine:https://segmentfault.com/a/1190000009737204 angular2单元测试:https://segmentfault.com/a/1190000009769787#articleHeader1   概念简介 Jasmine  Jasmine测试框架提供了编写测试脚本的工具集,而且

angular2杂学

$event 在input的这些原生元素中,可以用#input代替$event。而在主从组件中事件的交互中,主组件模板中的$event必须要使用,才能把值传递出去。 指令 三种指令:组件(带模板的指令),结构型指令(会改变dom树结构,如ngfor和ngif),属性型指令(改变一些样式或内容) 组件是@Component,结构型和属性是@Dire

angular2表单学习

实现表单功能的基础实例: FormControl 实例用于追踪单个表单控件的值和验证状态。FormGroup 用于追踪一个表单控件组的值和状态。FormArray 用于追踪表单控件数组的值和状态。ControlValueAccessor 用于在 Angular 的 FormControl 实例和原生 DOM 元素之间创建一个桥梁。 分类: 响应

angular中使用angular2-qrcode生产二维码

官方地址 https://github.com/SuperiorJT/angular2-qrcode

angular2-signaturepad使用

详细使用看这篇 https://blog.csdn.net/qq_29594393/article/details/76913495 npm地址: https://www.npmjs.com/package/signature_pad 遇到的问题 在网页测试大小尺寸完好,移动端初始化的图片很小 解决方案 let canvas = document.querySelector("canvas");let ratio = Math.max(w

Angular2的双向数据绑定

什么是双向绑定 如图:   双向绑定.jpg 双向绑定机制维护了页面(View)与数据(Data)的一致性。如今,MVVM已经是前段流行框架必不可少的一部分。 Angular2中的双向绑定 双向绑定,也是Angular2的核心概念之一,Angular2的双向绑定是这样的: data=>view:数据绑定,模板语法是 [] view=>data:事

Angular2--显示数据

插值表达式   要显示组件的属性,最简单的方式就是通过插值表达式来绑定属性名。要使用插值表达式,就把属性名包裹在双花括号里放进视图模板,如 {{}}   eg: <h1>{{ name }}</h1> 使用 ngFor 显示数组属性   eg: <li *ngFor ="let hero of heroes"> {{ hero }} </li>    *ngF

Angular2总结

Angular 介绍   Angular 是一款来自谷歌的开源的web前端框架,诞生于2009年,是一款优秀的前端JS框架,已经被用于谷歌的多款产品。   Angular 基于Typescript ,更适合中大型企业级的项目。 学习Angular的必备基础   html、css、js、es6、Typescript. 载入需要的库   这里我们推荐