Angular
文章平均质量分 81
官方支持 TypeScript、JavaScript 和 Dart 语言开发
abloume
这个作者很懒,什么都没留下…
展开
-
【Angular4】基础(六):HTTP模块
Angular2 HTTP 模块在 Angular4 之前的 Angular2 中,HTTP API 方法的传参数形式如下:http.get(url: string, options?: RequestOptionsArgs): Observable<Response>http.post(url: string, body: any, options?: RequestOpt...原创 2018-03-11 20:55:04 · 5967 阅读 · 0 评论 -
【Angular4】基础(一):脚手架 Angular CLI
首先介绍一下@angular/cli脚手架的使用。快速安装npm install -g @angular/cli创建新项目ng new angular-demo启动项目ng serve还可以加上参数:ng serve --open使用 –open(或-o) 参数可以自动打开浏览器并访问http://localhost:4200/如...原创 2018-03-05 13:01:21 · 5642 阅读 · 1 评论 -
【Angular4】基础(二):创建组件 Component
创建一个组件很简单,比如我们创建一个 card 组件:ng g c card这里我使用的是 Angular CLI 脚手架,当然你要是不觉得麻烦,也可以一个个文件建。不过!要提醒一点,当使用 ng 创建时,会将创建的组件、服务这些自动添加到 app/app.module.ts 中,如果你是手动创建的话一定要记得在模块中写入你创建的。现在来看下 app/card/card.com...原创 2018-03-05 14:08:32 · 16612 阅读 · 0 评论 -
【Angular4】基础(三):数据绑定
数据绑定总体而言有三种类型:{{…}} 插值表达式绑定属性绑定事件绑定插值表达式绑定插值表达式绑定比较常见// app.component.html<h1>Hello {{title}}</h1>// app.component.ts...export class AppComponent { title = 'ap...原创 2018-03-05 19:07:06 · 1684 阅读 · 1 评论 -
【Angular4】基础(四):组件通讯(@Input和@Output)
组件通讯有两种方式:父到子(用@Input装饰器)子到父(用@Output装饰器)注意: 输入输出针对的对象 是 父子组件1)父到子父到子的数据传递其实就是通过将子组件上的一个属性绑定到父组件的一个属性上,一般我们使用@Input()属性装饰器来实现。 动手操作实例一:新建项目 connInComponents:ng new connInComponents...原创 2018-03-05 23:36:52 · 5054 阅读 · 1 评论 -
【Angular4】constructor & ngOnInit
转载自:Angular 2 constructor & ngOnInit 在 Angular 2 学习过程中,相信很多初学者对 constructor 和 ngOnInit 的应用场景和区别会存在困惑,本文我们会通过实际的例子,为读者一步步解开困惑。constructor 在 ES6 中就引入了类,constructor(构造函数) 是类中的特殊方法,主要用来做初始化操作...转载 2018-03-13 10:13:47 · 804 阅读 · 0 评论 -
【Angular4】基础(五):创建服务
服务一般用来放置可复用的代码。如何创建 Angular 服务在 Angular 中我们通过以下方式创建一个简单的服务:export class BookService { getBooks() { return ['Angular', 'React', 'Vue']; }}组件中注入服务我们来创建一个新的组件 BookCompone...原创 2018-03-06 10:22:29 · 2665 阅读 · 0 评论 -
【Angular4】md5 加密
转载自:angular2(ng2) md5加密(ts-md5)1、下载安装 ts-md5npm install ts-md5 --save2、需要的组件中加载 md5 模块import {Md5} from "ts-md5/dist/md5";3、加密constructor() {console.log(Md5.hashStr("123456"));}这样就会打印出加密...转载 2018-03-19 21:31:45 · 2530 阅读 · 1 评论