angular
文章平均质量分 75
时清云
自强不息,厚德载物;日拱一卒,功不唐捐;海纳百川,有容乃大。这世上没有最强的人,只有想变强的人,做一个简单真实的自己。
展开
-
项目总结之angular中利用input和output实现组件之间数据的传递
目前组件化思想非常盛行,近期在在项目中就用到了input和output的组件,所以就在此总结下来。话不多说,进入正题,先看代码。html:<div class=“shop” [class.actived] ="hide"> <div *ngIf="shopImg" class="shop-image"&g原创 2018-12-28 20:05:13 · 564 阅读 · 1 评论 -
angular.js中的$q
由于现在的项目是由angular开发的,所以就遇到了这个$q,请看以下代码:activity: function (options) { var deferred = $q.defer(); options.scope = options.scope || $rootScope.$new(); options.scope.showCloseBtn = true;原创 2017-11-27 14:30:21 · 707 阅读 · 1 评论 -
AngularJS的数据双向绑定是怎么实现的?
关于 AngularJS 的数据绑定单向绑定(ng-bind) 和 双向绑定(ng-model) 的区别:ng-bind 单向数据绑定($scope -> view),用于数据显示,简写形式是 {{}}。两者的区别在于页面没有加载完毕 {{val}}会直接显示到页面,直到 Angular 渲染该绑定数据(这种行为有可能将 {{val}}让用户看到);而 ng-bind则是在 A原创 2017-08-24 09:36:10 · 3333 阅读 · 1 评论 -
项目总结之angular4.0中的@viewchild,@Input,@Output
在项目中遇到了这样一个问题,父页面中需要操作子组件里面的方法,这个时候需要怎么做呢?项目是由ionic3.0和angular4.0构成的 代码如下:child的html页面如下:...原创 2019-01-26 14:39:14 · 1275 阅读 · 1 评论 -
项目总结之Ionic的页面跳转(ionic中的popTo()方法)
目前app项目的框架构成是angular4.0+ionic3.0,在做一个功能的时候需要复杂的页面跳转,所以在此总结一下。之前使用了很笨的一种方法,导致扩展性很差,近期又发现了一种新的方法,很简洁实用。两个方法我都写一下以实现对比记忆。不过在讲ionic中的popTo()方法之前,先看一下Ionic的NavController的定义NavController概述NavController是...原创 2019-05-20 09:59:10 · 2147 阅读 · 2 评论 -
项目总结 - ts中的declare let type: any和对.d.ts文件类型的认识
项目中用的是angular5.0+ionic3.0,由于现在angular现在都是用typescript写的了,虽然说typescript是Javascript的超集,但是在项目中还是会有一些问题,那就是全js写的插件怎么能引入到typescript写的模块呢?...原创 2019-07-29 20:03:57 · 10131 阅读 · 0 评论 -
工作学习总结--angular中的NgZone的简单使用
在Angular中,模板中有一些变量在组件中经常变动,例如变量num:<div> 经常变动的数字: {{ num }}</div>在组件中它的初始值设定为0 num = 0;假设在组件中有个循环,不断更新num的值,每5秒给num加1。for (let i = 0; i < 100; i++) { setInterval(() => ...转载 2019-08-31 19:07:15 · 3912 阅读 · 0 评论 -
工作学习总结-pdf.js的踩坑和运用
周末了,终于有这么一整段的时间去总结整理了,这个月很忙,需求很多,年龄不小了,生活中个人的事情也不少。时间是最公平的,因为每个人每天都是过这么长时间,好好珍惜每一分。好了,不感慨了。进入正题吧。先说一下项目结构:angular5.0 + ionic3.0 这个月做了一个pdf展示的需求,后台小伙伴传过来一个pdf格式的url,这个url长这样:url = ”https://sg.ibs.bai...原创 2019-08-31 19:55:29 · 3592 阅读 · 0 评论 -
工作学习总结-angular中的安全导航符?.和ts中的非空断言操作符!.
我们先看一行代码:<img-loader [src]="pictureDatas[0]?.pictureUrl" useImg [spinner]="true"></img-loader>其中 [src]=“pictureDatas[0]?.pictureUrl” 为什么这样写呢?这样写有什么作用的呢?我们先看一个概念—安全导航符。安全导航符----?. 是一种...原创 2019-09-10 14:53:19 · 1710 阅读 · 1 评论