随笔分类 -  ng2

angular项目线上地址跳转或刷新报错的解决
摘要：引用地址：https://blog.csdn.net/qq_35415307/article/details/80707463 本地ng项目没问题，到了线上跳转刷新都会报404错误，相信这个问题每个做ng项目的人都遇到过，下面给出解决方案。 一、原因本地环境没问题，因为本地是路由跳转，前端执行的跳转 阅读全文
posted @ 2019-06-25 11:15 枫叶布 阅读(719) 评论(0) 推荐(0)
Angular 6 HMR 热加载配置
摘要：什么是 HMR？ ​ HMR 是hot module replacement 的简称，直译：热模块替换，如果不开启HMR模式，angular项目在模块更改的时候会从根节点开始刷新，开启HMR模式以后，只会刷新有修改的地方，开发效率在某种意义上可以提高 配置步骤 配置前提：你已经创建了一个angula 阅读全文
posted @ 2018-10-19 09:10 枫叶布 阅读(2501) 评论(0) 推荐(0)
升级 AngularJS 至 Angular
摘要：Victor Savkin 大神撰写了一系列文章详细介绍如何升级 AngularJS 应用： NgUpgrade in Depth Upgrade Shell Two Approaches to Upgrading Angular Applications Managing Routers and 阅读全文
posted @ 2018-06-07 14:16 枫叶布 阅读(3382) 评论(1) 推荐(0)
angular使用代理解决跨域
摘要：angular2、angular4、angular5 及以上版本的跨域问题。 通过angular自身的代理转发功能 配置package.json 两种方式启动代理服务 第一种： 启动项目通过npm start启动，会自动启动代理服务 第二种： 或者直接以下命令启动代理服务 官网介绍：https:// 阅读全文
posted @ 2018-05-30 15:46 枫叶布 阅读(7189) 评论(1) 推荐(0)
angular-cli.json配置参数解析，常用命令解析
摘要：1.angular-cli.json配置参数解析 2.常用命令解析 阅读全文
posted @ 2018-05-18 15:02 枫叶布 阅读(727) 评论(0) 推荐(0)
ngx通讯之可观察对象实现
摘要：1.公共服务 2.信息发出者 3.信息接收者 阅读全文
posted @ 2018-01-23 11:29 枫叶布 阅读(188) 评论(0) 推荐(0)
ng2 样式控制之style绑定和class绑定
摘要： 阅读全文
posted @ 2017-09-20 10:25 枫叶布 阅读(188) 评论(0) 推荐(0)
ng2父子模块通信@ViewChild和@Inject
摘要：一、@ViewChild 父组件中使用@ViewChild拿到子组件的变量和方法（父组件可调用子组件的方法和变量） parent.component.ts: child.component.ts: 二、@Inject 子组件中使用@Inject调用父组件中的变量和方法 parent.componen 阅读全文
posted @ 2017-07-27 13:59 枫叶布 阅读(2825) 评论(0) 推荐(0)
Angular 2 ViewChild & ViewChildren
摘要：一、ViewChild ViewChild 是属性装饰器，用来从模板视图中获取匹配的元素。视图查询在 ngAfterViewInit 钩子函数调用前完成，因此在 ngAfterViewInit 钩子函数中，才能正确获取查询的元素。 1.@ViewChild 使用模板变量名 2.@ViewChild 阅读全文
posted @ 2017-06-29 10:05 枫叶布 阅读(2186) 评论(0) 推荐(0)
ElementRef, @ViewChild & Renderer
摘要：ElementRef: In Angular2 Doc, it suggest to "avoid" using ElementRef. It access DOM directly, can easily be attacked. If we log out the ElementRef, we 阅读全文
posted @ 2017-06-23 13:57 枫叶布 阅读(771) 评论(0) 推荐(0)
ng2父子模块数据交互
摘要：一、父模块向子模块传值 其中，my-child为子模块的selector标签，childdata为子模块声明的变量（用来保存父模块传递过来的值），parentdata为父模块声明的变量（保存着父模块的值） 子模块中引用父模块传过来的值： 二、子模块向父模块传递事件 子模块传出事件： 父html引用事 阅读全文
posted @ 2017-06-23 11:12 枫叶布 阅读(512) 评论(0) 推荐(0)
ng2自定义管道
摘要：一、管道的作用及本质 作用：数据处理 本质：公用的方法 二、定义管道组件 三、module组件中引入管道 四、组件中使用管道 五、页面效果 1.纯管道 点击按钮之后 2.非纯管道 点击按钮之后从图中可以看出，使用非纯管道实现了累加，而使用纯管道不能实现累加 六、说明 模板中可以在管道后面加冒号：如： 阅读全文
posted @ 2017-06-19 10:52 枫叶布 阅读(1203) 评论(0) 推荐(0)
ngd 查看ng2应用的组件树、路由树
摘要：1.全局安装ngd 2.在tsconfig的同级目录下使用ngd命令 阅读全文
posted @ 2017-06-06 13:50 枫叶布 阅读(293) 评论(0) 推荐(0)
ng2中router-outlet用法
摘要：说明：router-outlet 是应用中的路由插座，一个页面中可以使用一个或多个router-outlet 1.只使用一个router-outlet 父组件： 子组件： 页面显示： 2.单页面使用两个router-outlet（多个和两个原理相同） 父组件html： 父组件module: 子组件l 阅读全文
posted @ 2017-06-06 13:34 枫叶布 阅读(14221) 评论(0) 推荐(1)
ng2中的ng-content用法
摘要：用途：1.ng-content用于在组件中嵌入内容 2.ng-content可以在组件中嵌入模板代码，方便定制可复用的组件 select属性支持css选择器，如"#id",".class"，["name"="value"]等 eg:父组件html内容为： 可复用的子组件模板为： 那么页面上就会显示： 阅读全文
posted @ 2017-06-06 13:18 枫叶布 阅读(705) 评论(0) 推荐(0)
ng2-升级脚手架到最新版本
摘要：//先卸载，后安装 npm uninstall -g @angular/cli npm cache clean npm install -g @angular/cli@latest 阅读全文
posted @ 2017-05-11 09:00 枫叶布 阅读(852) 评论(0) 推荐(0)
ng2 中的全屏与退出全屏
摘要：1.进入全屏 调取全屏函数 2.退出全屏 调取退出全屏函数： 3.判断全屏状态 调取判读函数 4.设置全屏下元素的样式 附上fullscreen官方网址：https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API 阅读全文
posted @ 2017-05-10 17:39 枫叶布 阅读(446) 评论(0) 推荐(0)