angular2 组件内容嵌入（ng-content）
摘要：一、简介 内容嵌入是组件的一个高级功能特性，使用组件的内容嵌入特性能很好地扩充组件的功能，方便代码的复用。 二、用法 如上，在模版中使用了<ng-content>标签，这个标签就是用来渲染组件嵌入内容的。在<ng-content>中有个select="header",用于匹配内容，并填充到ng-co
阅读全文
posted @
2019-06-10 10:26
半亩花田i
阅读(688)
推荐(0) 编辑
Angular 监听滚动条事件
摘要：一、引用fromEvent 二、调用fromEvent 三、调用滚动函数 详细代码：
阅读全文
posted @
2019-05-06 11:06
半亩花田i
阅读(6529)
推荐(0) 编辑
Angular CLI ng常用指令整理
摘要：一、组件创建 ng generate component heroes 二、运行项目 ng serve --open //--open 立即打开 三、创建指令 ng g directive my-new-directive 四、创建管道 ng g pipe my-new-pipe 五、ngModel
阅读全文
posted @
2019-05-05 15:20
半亩花田i
阅读(1428)
推荐(0) 编辑
angular组件之间的通信
摘要：一、组件创建 直接使用 ng g component 的命令创建组件，会自动生成组件所需的文件，方便快捷。 二、了解@Input和@Output() @Input：将父作用域中的值“输入”到子作用域中，之后子作用域进行相关处理 @Output：子作用域触发事件执行响应函数，而响应函数方法体则位于父作
阅读全文
posted @
2019-04-11 14:57
半亩花田i
阅读(809)
推荐(0) 编辑
angular项目中遇到的问题
摘要：一、angular项目中如何实现路由缓存 需要实现的效果，对请求的数据进行缓存，比如进入文章详情页之后点击返回，不会再调用后台数据接口；而是加载缓存中的数据，如何数据变动的情况下，可使用下拉刷新刷新页面数据。类似于vue的keep-alive效果。 将下列代码保存为app-routing.cache
阅读全文
posted @
2019-04-08 10:32
半亩花田i
阅读(487)
推荐(0) 编辑
angular管道操作符的使用
摘要：一、Angular的常用内置管道函数 比如说很多时候我们需要把数字显示成金额、大小写转换、日期小数转换等等。 Angular管道对于象这样小型的转换来说是个很方便的选择。 管道是一个简单的函数，它接受一个输入值，并返回转换结果。 下面说一些常用的管道： 1、大小写转换管道 uppercase将字符串
阅读全文
posted @
2019-04-02 17:45
半亩花田i
阅读(3207)
推荐(0) 编辑
angular路由配置以及使用
摘要：一、生成路由文件 按照惯例，有一个独立模块来配置相关路由，这个模块类的名字叫做AppRoutingModule,位于src/app下的app-routing.module.ts文件中。 使用CLI生成它。 ng generate module app-routing --flat --module=
阅读全文
posted @
2019-04-01 16:58
半亩花田i
阅读(12575)
推荐(0) 编辑
搭建Angular环境
摘要：一、安装nodejs 登录nodejs官网，下载对应系统版本；安装，只要一直下一步即可。 在nodejs中自带了npm，不需要独立安装npm。 输入node -v /npm -v 查看node和npm是否安装成功；出现版本号即安装成功。 二、安装cnpm(淘宝滤镜) 在DOS窗口中（window键+
阅读全文
posted @
2019-04-01 10:20
半亩花田i
阅读(207)
推荐(0) 编辑
