随笔分类 -  Angular&Ionic

[转] 纯TypeScript开发Web前端（二）如何引入JS库
摘要：背景 总所周知，TS需要编译成JS才能在浏览器上跑，TS也能够调用JS的方法。但是，有一个现成的第三方JS类库摆在面前，让它如何能在TS中使用，很多刚入坑的朋友往往不得其门而入。下面我就讲讲我的办法吧。 1、直接翻译 看了上面4个字，大家可能不会不约而同地眉头一皱，立刻开喷：“喔靠，馊主意！”。我承 阅读全文
posted @ 2020-01-08 14:14 eedc 阅读(2778) 评论(0) 推荐(0)
[转] Angular6之ng build | ng build --aot | ng build --prod 差异
只有注册用户登录后才能阅读该文。
posted @ 2020-01-06 19:16 eedc 阅读(1) 评论(0) 推荐(0)
Angular默认路由策略-PathLocationStrategy策略页面刷新报404错误解决方案
摘要：解决方案有两种： 1 从程序去解决：修改Angular路由策略，改为使用hash路由 （HashLocationStrategy ），即带#号URL 2 从服务器去解决：修改Nginx站点conf配置 解决方案1： Angular路由策略有两种方案： 1 PathLocationStrategy - 阅读全文
posted @ 2019-09-25 20:41 eedc 阅读(1580) 评论(0) 推荐(0)
ng4 路由多参数传参以及接收
摘要：import { Router } from '@angular/router'; constructor( private router:Router, ) { } goApplicationDetail(instanceId:number,ownerShip:boolean){ return this.router.navigate([... 阅读全文
posted @ 2018-10-04 18:54 eedc 阅读(492) 评论(0) 推荐(0)
Angular build Error:In this configuration Angular requires Zone.js
摘要：Angular cli 运行 build后打开生成的index.html报错：In this configuration Angular requires Zone.js 生成代码如下： 错误： 解决方法：（缺少zone.js包的引用，增加zone.js包的依赖就好了） 阅读全文
posted @ 2018-06-06 02:02 eedc 阅读(2988) 评论(0) 推荐(0)
ionic 2.x 3.x 打包 压缩
摘要：大家都知道Ionic项目ionic serve生成的js css 非常庞大，小有1m多，大有几m，文件如此大load页面的时候需要较长时间的加载，特别在生产环境中，灰常不利于用户体验。 因此我们需要进行打包。打包后文件会大大变小。方法如下。 方法一： *、命令虽然简单，但在使用过程中自己碰到很多问题 阅读全文
posted @ 2017-11-14 17:10 eedc 阅读(2802) 评论(0) 推荐(0)
ionic 2.x 3.x input触发调用键盘搜索及事件
摘要：html (1、input type='search' 2、将input套在一个带action的form中 ) typescript (监听input的keypress事件) 补充：关闭input自动完成 阅读全文
posted @ 2017-09-07 15:21 eedc 阅读(1178) 评论(0) 推荐(0)
ionic 2.x 3.x项目结构解析
摘要：myApp │ config.xml //项目配置文件，包名、名称、minSdkVersion等都在此处配置 │ ionic.config.json │ package.json //项目依赖文件列表 │ tsconfig.json │ tslint.json │ ├─hooks │ ├─node_modules //项目依赖文件 │ ... 阅读全文
posted @ 2017-08-16 15:42 eedc 阅读(224) 评论(0) 推荐(0)
ionic3.x angular4.x ng4.x 自定义组件component双向绑定之自定义计数器
摘要：本文主要示例在ionic3.x环境下实现一个自定义计数器，实现后最终效果如图： 1、使用命令创建一个component 类似的命令还有： 命令执行完成后自动生成文件如图： 2、到这里我们已经初步创建了一个自定义组件，接上来我们需要将我们的组件添加到app.module.ts的declarations 阅读全文
posted @ 2017-07-14 15:15 eedc 阅读(6120) 评论(0) 推荐(0)
【转】AngularJs HTTP请求响应拦截器
摘要：任何时候，如果我们想要为请求添加全局功能，例如身份认证、错误处理等，在请求发送给服务器之前或服务器返回时对其进行拦截，是比较好的实现手段。 angularJs通过拦截器提供了一个从全局层面进行处理的途径。 四种拦截器 实现 request 方法拦截请求 该方法会在 $http 发送请求后台之前执行， 阅读全文
posted @ 2017-02-06 14:55 eedc 阅读(3482) 评论(2) 推荐(0)
ionic 图片轮播ion-slide-box问题
摘要：1、使用ion-slide可以实现图片轮播，但是如果在html中仅仅增加ion-slide是远远不够的，会出现两个问题： (注：使用的是angularjs。首先需要在,js文件中注入：$ionicSlideBoxDelegate) 一、有时候会出现图片无法加载出来。解决办法是： 在相应的contro 阅读全文
posted @ 2017-01-25 19:36 eedc 阅读(5015) 评论(0) 推荐(0)
学习AngularJs:Directive指令用法
摘要：跟我学AngularJs:Directive指令用法解读（上） http://blog.csdn.net/evankaka/article/details/51232895 跟我学AngularJs:Directive指令用法解读（下） http://blog.csdn.net/evankaka/a 阅读全文
posted @ 2017-01-05 15:14 eedc 阅读(179) 评论(0) 推荐(0)
Angular过滤器 自定义及使用方法
摘要：首先设置自定义过滤器。 定义模块名：angular 页面中的使用 控制器中使用。 首先要要控制器注入$filter 阅读全文
posted @ 2016-12-30 19:59 eedc 阅读(1631) 评论(0) 推荐(0)
【转】AngularJS 日期格式化 字典
摘要：本地化日期格式化： ({{time|date:'medium' }})Apr 14, 2016 4:40:08 PM ({{time | date:'short' }})4/14/16 4:40 PM ({{ today | date:'fullDate' }})Thursday, April 14 阅读全文
posted @ 2016-12-30 19:56 eedc 阅读(1108) 评论(0) 推荐(0)
【转】AngularJs $location获取url参数
摘要：// 带#号的url，看？号的url，见下面 url = http://qiaole.sinaapp.com?#name=cccccc $location.absUrl(); // http://qiaole.sinaapp.com?#name=cccccc $location.host(); // qiaole.sinaapp.com $locatio... 阅读全文
posted @ 2016-12-29 18:46 eedc 阅读(1732) 评论(0) 推荐(0)
Ionic文件目录说明
摘要：hooks //google之后这个目录应该是在编译cordova时自定义的脚本命令，方便整合到我们的编译系统和版本控制系统中 plugins //cordova插件的目录，插件的安装下一节详述 scss //scss文件，发布时编译这个目录下的文件输出到www的css目录中 www //我们的开发 阅读全文
posted @ 2016-12-16 01:01 eedc 阅读(2311) 评论(0) 推荐(0)