
Angular
wallowyou
前端工程师
展开
-
Angular组件通信
通过输入型绑定把数据从父组件传到子组件; 通过 setter 截听输入属性值的变化;通过ngOnChanges()来截听输入属性值的变化;父组件监听子组件的事件; 父组件与子组件通过本地变量互动;父组件调用@ViewChild();父组件和子组件通过服务来通信组件通过输入型绑定把数据从父组件传到子组件,主要是利用组件的输入型属性,带@Input装饰器,通过输入属性可以将父组件的数据传入子组件...原创 2018-07-03 15:52:26 · 316 阅读 · 0 评论 -
angular生命周期
指令和组件的实例有一个生命周期:新建、更新和销毁。 通过实现一个或多个 Angular core 库里定义的生命周期钩子接口,开发者可以介入该生命周期中的这些关键时刻。每个接口都有唯一的一个钩子方法,它们的名字是由接口名再加上 ng 前缀构成的。比如,OnInit 接口的钩子方法叫做 ngOnInit, Angular 在创建组件后立刻调用它,:生命周期的顺序: 钩子 用途...原创 2018-07-03 15:54:16 · 2831 阅读 · 0 评论 -
Angular表单
Angular中表单分为两种,一种是是模板驱动表,一种是响应式表单。以下分别对模板驱动表单,响应式表单的使用,表单的验证做示例。1. 模板驱动型表单1.1模板表单的使用要使用模板驱动行表单首先需要在根模块下面引入FormsModule,然后将FormsModule模块导入到根模块的ngModule中的imports数组中,这样才能够就能访问模板驱动表单的所有特性,包括 ngMo...原创 2018-08-10 14:15:44 · 5642 阅读 · 3 评论 -
Angular5使用highcharts
Angular5中使用highcharts之前项目中用highcharts绘制图表,所以现在在Angular5中同样使用highcharts 参考于npm中angular-highcharts文档https://www.npmjs.com/package/angular-highcharts1. 使用npm安装必要的包,一定要注意版本npm i --save angu...翻译 2018-08-03 14:35:02 · 2771 阅读 · 1 评论 -
Angular6 angular-cli的命令和配置
Angular6 angular-cli的命令和配置1. 常用命令ng new project-name 创建一个新的项目;ng generate (class | directive | pipe | service | component | interface | enum | module) 创建类,指令, 管道, 组件, 接口, 泛型, 模块ng serve 启动应用 ...原创 2018-12-07 10:37:53 · 2277 阅读 · 0 评论 -
Angular中typescript的this问题
Angular中typescript的this问题1. 例子在使用Angular的时候封装一个http请求模块,具体代码如下:import { Injectable } from '@angular/core';import { HttpClient, HttpParams, HttpHeaders, HttpErrorResponse } from '@angular/common/ht...原创 2019-02-15 15:46:51 · 1678 阅读 · 0 评论