随笔分类 -  angular

angular 相关问题
angular5补漏知识点
摘要：1.属性行指令 attr.** 2.ngfor循环优化 trackBy func 3.aot编译 4.tree shaking 5.脏检测方法 6.管道的 pure和impure 7.asyncpipe 8.组件懒加载 9.组件传参Subject eventEmitter formerParent 阅读全文
posted @ 2018-03-31 21:21 上帝不是要你成功，而是让你去尝试 阅读(197) 评论(0) 推荐(0)
angular2单向数据流原理
摘要：https://segmentfault.com/a/1190000009388494 阅读全文
posted @ 2018-03-25 15:53 上帝不是要你成功，而是让你去尝试 阅读(165) 评论(0) 推荐(0)
angular编译机制
摘要：转载https://segmentfault.com/a/1190000011562077 Angular编译机制 前言 http://www.cnblogs.com/ztwBlog/p/6209759.html 这是我用来进行实验的代码，它是基于quickstart项目，并根据aot文档修改得到的 阅读全文
posted @ 2018-03-19 11:32 上帝不是要你成功，而是让你去尝试 阅读(505) 评论(0) 推荐(0)
父组件和子组件通信
摘要：此处推荐四种方式 方式一： 共享服务：即写一个服务，然后把服务引进需要的组建即可调用其方法 方式二： "#"引用：即在页面的子组件中添加#引用，代表子组件，即可操作子组件属性和方法 方式三： @Input和@Output进行传参和事件触发 方式四： @viewChild 引入子组件 阅读全文
posted @ 2018-01-08 17:28 上帝不是要你成功，而是让你去尝试 阅读(181) 评论(0) 推荐(0)
angular5 表单元素 checkbox radio 组讲解
摘要：一.checkedbox 1.ngModel绑定方式 阅读全文
posted @ 2017-12-14 15:15 上帝不是要你成功，而是让你去尝试 阅读(2763) 评论(0) 推荐(0)
angular5 ng-content使用方法
摘要：先自定义一个组件import { Component } from '@angular/core'; @Component({ selector: 'exe-greet', template: ` <div class="border"> <p>Greet Component</p> <ng-con 阅读全文
posted @ 2017-12-08 11:05 上帝不是要你成功，而是让你去尝试 阅读(4929) 评论(0) 推荐(0)
angular5 @viewChild @ContentChild ElementRef renderer2
摘要：@viewChild 作用一：选择组件内节点 @ViewChild @ContentChild @ViewChildren @ContentChildren 又是什么 @ViewChild 选择组件模板内的节点 @ContentChild 选择当前组件引用的子组件 @ContentChild(组件名 阅读全文
posted @ 2017-12-08 10:49 上帝不是要你成功，而是让你去尝试 阅读(3063) 评论(0) 推荐(0)
angular5 组件之间监听传值变化
摘要：http://www.cnblogs.com/SLchuck/p/5904000.html https://i.cnblogs.com/EditPosts.aspx?postid=7995179&update=1 https://segmentfault.com/a/1190000010048073 阅读全文
posted @ 2017-12-06 22:14 上帝不是要你成功，而是让你去尝试 阅读(6185) 评论(0) 推荐(0)
angular5 ng-bootstrap和ngx-bootstrap区别
摘要：https://angular.cn/resources ngx-bootstrap 安装： 使用方法 一、module文件中引入模块 阅读全文
posted @ 2017-12-06 17:57 上帝不是要你成功，而是让你去尝试 阅读(5823) 评论(1) 推荐(0)
angular5表单验证问题
摘要：例举一个patten的列子 可能出现的问题，表单元素需要添加name属性 还有的验证如maxlength,minlength,required等 一、验证某一个表单元素如下 shopRent是表单元素的name 二、如果是验证表单中所有表单元素是否可用可如下 阅读全文
posted @ 2017-12-06 16:54 上帝不是要你成功，而是让你去尝试 阅读(1369) 评论(0) 推荐(0)
angular5 路由变化监听
摘要：1.路由监听 阅读全文
posted @ 2017-12-04 15:28 上帝不是要你成功，而是让你去尝试 阅读(1398) 评论(0) 推荐(0)
angular5中使用echart的方法
摘要：注意两点安装的版本 安装好后可以参照echart的官网使用 1.实现package.json中安装这两个包 2.index.html中引入 3.在appModule中添加 然后再html中就可以这么使用了 ts中就可以这么使用了 阅读全文
posted @ 2017-12-04 15:01 上帝不是要你成功，而是让你去尝试 阅读(2228) 评论(0) 推荐(0)
angular5 directive和component的区别
摘要：指令分为三类，组件，属性指令和结构性指令 组件（Component directive）：UI组件，继承于Directive； 属性指令（Attribute directive）：改变组件的样式； 结构指令（Structural directive）：改变DOM布局； 属性指令例如 ngClass 阅读全文
posted @ 2017-12-04 14:20 上帝不是要你成功，而是让你去尝试 阅读(1079) 评论(0) 推荐(0)
angular5 路由传参的几种方式
摘要：此处介绍三种方式 方式一： 问号后面带的参数， 例如：/product?id=1&name=iphone还可以是： [routerLink]="['/books']" [queryParams]="{bookname:'《活着》'} 获取参数的方式：ActivatedRoute.queryParam 阅读全文
posted @ 2017-11-28 11:43 上帝不是要你成功，而是让你去尝试 阅读(2478) 评论(0) 推荐(0)