-
angularJs异步的问题及promise使用
所属栏目:[安全] 日期:2020-12-17 热度:93
前面有说到处理angularjs中的异步的问题,在福瑞项目中我是通过逻辑判断不停的调用方法判断是否异步的按个函数已经执行完毕的。 这里咱们就来说下angularjs中的异步的问题,以及“正规的解决方法” 先聊一聊关于promise中的异步编程 异步编程存在两种形式,[详细]
-
angular2 组件之间传参数
所属栏目:[安全] 日期:2020-12-17 热度:185
将登陆框的用户名和密码传递到子组件,正确写法: Name: input [(ngModel)]="username" class="form-control"brPassword: input [(ngModel)]="password" class="form-control"button class="btn btn-sm btn-primary" (click)="submit()"提交/buttonhome-test[详细]
-
为Angular内置$http服务添加拦截器
所属栏目:[安全] 日期:2020-12-17 热度:60
为Angular内置$http服务添加拦截器 在Angular框架中,创建团队为使用者进行了Ajax请求的封装,并通过 $ http服务暴露出相关的接口.Angular在其官方文档中指出, $ http服务底层针对Web常见的安全攻击做出了相应的对策,也就是说使用 $ http服务封装的Ajax为使用[详细]
-
angularJS 自定义工厂和服务实现共享数据
所属栏目:[安全] 日期:2020-12-17 热度:185
1.自定义工厂,可返回任意类型的数据 自定义工厂 方式一 .factory方法 var app=angular.module('myApp',[]); app.factory('CustomFactory',function(){ return 'aaabbb'; }); 自定义工厂 方式二 $provide.factory方法 angular.module('myApp',[],function($p[详细]
-
angularJS 过滤器练习
所属栏目:[安全] 日期:2020-12-17 热度:101
本例展示产品列表,使用angular过滤器 orderBy对产品进行排序,具体是点击列标题时交替进行正序倒序排列;同时使用angular过滤器 filter 可根据输入的产品名称搜索出对应产品,实现模糊查询。 页面运行如下: 输入"pad" 则自动显示相关产品,点击“产品价格[详细]
-
angularJS 自定义过滤器
所属栏目:[安全] 日期:2020-12-17 热度:191
本文使用三种方式自定义一个数组过滤器。 数组 list: [ { name:'张三',age:20,city:'上海' },{ name:'李思',age:30,city:'北京' },{ name:'王五',age:25,city:'深圳' }] 1.自定义过滤器方式一 ( 在controller方法内定义一个方法 ) html: li ng-repeat=" it[详细]
-
Angular2入门必备Angular-CLI
所属栏目:[安全] 日期:2020-12-17 热度:84
-
AngularJS(二)
所属栏目:[安全] 日期:2020-12-17 热度:153
前言 学完 AngularJS ,总体上感觉没什么新鲜的东西,但是又感觉每一步都很新鲜,因为没有见过,又因为学到的语法函数和 JavaScript 差不多,本篇主要介绍一些 AngularJS 的指令,常见指令和自定义指令。 内容 指令: 官方定义: ·通过被称为指令的新属性来[详细]
-
ionic之样式bar-calm
所属栏目:[安全] 日期:2020-12-17 热度:120
1、实例背景 ionic头部bar-header,设置样式bar-calm 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之样式bar-calm/titlelink rel="stylesheet"[详细]
-
ionic之样式bar-balanced
所属栏目:[安全] 日期:2020-12-17 热度:54
1、实例背景 ionic头部bar-header,设置样式bar-balanced 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之样式bar-balanced/titlelink rel="sty[详细]
-
ionic之样式bar-energized
所属栏目:[安全] 日期:2020-12-17 热度:166
1、实例背景 ionic头部bar-header,设置样式bar-energized 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之样式bar-energized/titlelink rel="s[详细]
-
ionic之样式bar-assertive
所属栏目:[安全] 日期:2020-12-17 热度:55
1、实例背景 ionic头部bar-header,设置样式bar-assertive 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之样式bar-assertive/titlelink rel="s[详细]
-
ionic之样式bar-royal
所属栏目:[安全] 日期:2020-12-17 热度:125
1、实例背景 ionic头部bar-header,设置样式bar-royal 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之样式bar-royal/titlelink rel="styleshee[详细]
-
ionic之样式bar-dark
所属栏目:[安全] 日期:2020-12-17 热度:191
1、实例背景 ionic头部bar-header,设置样式bar-dark 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之样式bar-dark/titlelink rel="stylesheet"[详细]
-
angularJs项目搭建
所属栏目:[安全] 日期:2020-12-17 热度:195
前言 刚进入我司的时候我也是个啥都不懂得菜鸟,对于angularJs的印象也就是停留于他的指令,并且他的指令可以作为 标签使用,这样可以极大的减少代码量,【实习的时候曾和大牛短暂接触过,看了这段代码】。 我司的angularJs项目是分模块化的,在我刚进入公司[详细]
-
AngularJS(三)——指令实战及自定义指令
所属栏目:[安全] 日期:2020-12-17 热度:85
前言 上篇介绍了一些指令的应用,本篇介绍一些常用的用法格式。 内容 指令实战 下面通过输入一个名字实现实时更新文本内容。 需要的指令有: ng-app 、 ng-model 、 ng-bind 、 n-init Demo 要引用的文件(这里第一次出现以后,后面引用的都是这个文件,以后[详细]
-
AngularJS(四)——ng-controller(控制器)
所属栏目:[安全] 日期:2020-12-17 热度:191
前言 上篇大概说了一下指令的应用格式以及创建自定义指令方法,本篇重点介绍一些 ng-controller 都有哪些小作用。 内容 通过修改控制器部分,修改显示界面。 Demo div ng-app="myApp" ng-controller="myCtrl"名: input type="text" ng-model="firstName"br姓[详细]
-
AngularJS(五)——filter(过滤器)
所属栏目:[安全] 日期:2020-12-17 热度:176
前言 过滤器可以用一个管道字符( | )添加到表达式和指令中。比如做 ITOO 的时候或者其他项目的时候,总是想统一货币日期等显示,以前的做法,不断循环该控件或该标签,然后循环转换。如果利用 AngularJS ,就方便多了。 内容 常用的转换 过滤器 描述 curre[详细]
-
Angular2-ngOnInit调用2次
所属栏目:[安全] 日期:2020-12-17 热度:179
当页面加载的时候出现错误时,ngOnInit()这个钩子方法会被调用2次,给人造成误解。[详细]
-
Angular2 从搭建环境到开发
所属栏目:[安全] 日期:2020-12-17 热度:97
Angular2 的发布带来了一阵热议,很久之前就在筹备了,当时的官方答复就是彻底推翻重写,问世之后大家的呼声就是学习成本太高,虽然去掉了 1.x 里的一部分概念,但是加进了 typescript,虽然不强制使用,但是我推荐大家都试一试,毕竟此次改版是谷歌和微软两[详细]
-
angular开发中问题记录--启动过程初探
所属栏目:[安全] 日期:2020-12-17 热度:98
公司一些管理后台的前端页面,使用的是angular开发的,得益于angular的双向绑定和模块化controller使得构建pc端的CRUD应用简单了不少。angular有很多比较难理解的概念,上手起来没有vue简单,不过对着模板项目、看看tutorial、阅读项目代码再仿照项目代码写[详细]
-
ionic之副标题bar-subheader
所属栏目:[安全] 日期:2020-12-17 热度:148
1、实例背景 ionic的标题是bar-header,副标题是bar-subheader 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之副标题bar-subheader/titlelink[详细]
-
ionic之底部bar-footer
所属栏目:[安全] 日期:2020-12-17 热度:124
1、实例背景 ionic标题是bar-header,副标题是bar-subheader,底部标题bar-footer 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之底部bar-foot[详细]
-
给大家安利一个学习angular2的视频网站
所属栏目:[安全] 日期:2020-12-17 热度:95
本文地址:http://blog.csdn.net/sushengmiyan 本文作者:苏生米沿 视频地址: https://egghead.io/courses/angular-2-fundamentals 网站简介 书呆子网站专注于前端开发视频。包含react RxJs angularjs angular2 node css d3 typescript 这是一个学习的好资[详细]
-
Angular js 常用插件
所属栏目:[安全] 日期:2020-12-17 热度:113
图片视频类 angular-maxonry图片墙效果插件,可以将图片组织成类似于瀑布流的效果,依赖于jQuery、imageloaded和Masonry angular-deckgrid另一个照片瀑布流解决方案 ngImgCrop图片剪裁工具 ngVideo播放器,直接播放指定地址的mp4,控制按钮美观度远甩朝内99.[详细]