angularjs
过去式的美好
编程既是技术也是艺术
展开
-
angularjs自定义指令
要说angular最出色的地方就要属于指令了,同理看一名编程人员对angular是否精通,我想也是看他写的指令怎么样的。因为很多东西功能都能放在指令里,在页面中用指令替代。简便,快捷,而已复用性强。 我终于在网上找到大体的自定义指令的参数说明,在这里我先把连接给出,大家也可以直接点过去看 http://www.csdn123.com/html/itweb/20131028/190584.htm ,原创 2015-09-14 10:03:19 · 551 阅读 · 0 评论 -
ng1星级评分指令(偷学技能)
/** * 星级评分 * ion-star是ionic星星图标可以自行更换 * readonly为false指可进行评价操作,true指只能看 * <star-rating ng-model="bo.evaluation" max-value="maxVal" on-change="startsChange" readonly='false'></star-rati...原创 2018-03-14 14:46:20 · 429 阅读 · 0 评论 -
过滤后端返回的数组每条连续重复一遍问题
刚碰到问题以及解决办法的思路: 后端返回的数组变成类似[{1,1},{1,1},{2,2},{2,2},{3,3},{3,3}.....] 每条数据后面都跟前面一条一模一样。 现在我们要过滤掉每重复的数据只留一条。结果:[{1,1},{2,2},{3,3}....]$scope.filterRepeatArray = function(datas){ var data =原创 2017-06-16 09:58:50 · 764 阅读 · 0 评论 -
angular中使用a标签在PC端下载文件
<a target="_self" class="balanced" href="{{downloadURL}}{{item.id}}" download="{{item.fileName}}">下载</a>虽说只有短短一行代码,不过看代码应该都能知道什么作用了。 class属性值是Ionic的颜色,href中的两个值是下载地址的文件地址以及文件Id,通过下载地址+文件具体id来组合成完整的路原创 2017-04-13 15:41:30 · 4905 阅读 · 0 评论 -
ng2的深入
ng2是基于ts的,而ts的写法又有箭头方式。对于很多开发者来说,这个箭头式写法就比较难懂,当然这个难懂是针对刚入门。 现在就以我目前做的模拟数据项目来说,我这项目是用Ng2+primeng框架来写的,整个项目框架则是用jhipster快速生成的,重点主要讲ng2的使用。 在使用ng2中现在主要写法是简洁目的,所以现在有用链式写法以及箭头函数式写法。 链式写法:.xxx原创 2017-03-20 14:37:06 · 2059 阅读 · 0 评论 -
初入typescript的一些阶段性总结
类、接口的写法跟java一样,继承、实现的写法都是用extends 跟implements关键字。 成员声明方式 —> 成员名字:成员类型 可选成员的声明方式—> 成员名字?:成员类型 静态成员在方法中使用得—>类名.静态成员名 普通成员在方法中使用—->this.成员名类的构造函数得使用关键字实现: class student{ //定义student类原创 2017-02-15 15:26:22 · 961 阅读 · 0 评论 -
初学angular2的一些总结 1.)
先从模块库中引入组件import {Component} from “angular2/core”;import {bootstrap} from “angular2/platform/browser”; 然后定义组件@Component({ Selector:’my-app’, 这里的my-app是html上自己写的节点 Selector:’[my-app]’, 这里的m原创 2017-02-21 10:32:37 · 661 阅读 · 0 评论 -
angular之页面跳转隐藏tab
怎么理解这个标题呢—->页面跳转其实也就是路由跳转,隐藏底部或者顶部的tab。 要理解这个思路可以根据类似二叉树的概念来。angular是单页面应用,所以所有的页面都是基于index页面中<ui-view>或者<ion-nav-view>,我们可以把这个看成二叉树的根。现在开始来分支。 一条单独的分支的路由(homeTab)就只包含tab的页面,而其他的页面路由则在另外一个分支上(home),这原创 2016-10-19 17:21:14 · 2804 阅读 · 0 评论 -
关于mobiscroll时间控件没能正常绑定值问题
之前有写篇关于mobiscroll插件集成成angularjs指令到项目中使用 只说怎么集成到angular项目中作为指令来使用,但是有个问题:在页面时间控件上选择完时间后时间值却绑定不到ng-model中。这问题困扰我好久,最后还是得请大神出马解决。我这里也就只copy下代码以便以后好研究理解。当然要是哪位大神知道怎么理解的话请留言指导下,不胜感激!/* * 时间轮盘选择器 */m.dir原创 2016-06-16 17:32:49 · 3728 阅读 · 0 评论 -
How to use $cordovaSQLite in Ionic Framework
本文来自google中的一篇关于$cordovaSQLite使用的例子,摘自https://codepad.co/snippet/131f3bvar db = null;var example = angular.module('starter', ['ionic', 'ngCordova']).run(function($ionicPlatform, $cordovaSQLite) {原创 2016-06-12 14:08:49 · 1445 阅读 · 0 评论 -
angularjs 上拉加载,下拉刷新数据功能
虽说angularjs 1.x版本中对于上拉加载,下拉刷新数据功能都有做些封装,但还是有些人不清楚。其实我一开始也是不懂的,so.现在把搞懂的记录下免得少走弯路。 now,begin:先说下拉刷新吧,原理就是每次下拉都重新去服务器请求过一次新的数据。一般这种刷新功能的响应数据(也就是服务器返回的(json)数据)中都会带有"rowsOfPage": 3, "curr原创 2016-04-25 11:52:35 · 21635 阅读 · 6 评论 -
mobiscroll插件集成成angularjs指令到项目中使用
最近发现有挺多人找时间插件、联动选择插件、滚动插件。 这里就介绍下怎么把mobiscroll网站中的插件集成成angularjs指令到项目中使用(NOTE:mobiscroll中的 插件都是要$的,所以使用需先三思,版权问题。偶是不负责的)。大家到www.mobiscroll.com网站中下载下来的插件发现都是试用的,而且都带有个trial的字样。 now begin(例:时间插件): 一、先原创 2016-03-04 17:48:33 · 3997 阅读 · 4 评论 -
angularjs 关于ui-router分层使用
最近感觉有很多学angular 的童鞋在路由问题中还不清楚怎么使用。其实我之前也是一直晕晕的不懂怎么用,现在要好得多了。在这里就记录下ui-router使用。 就已目前做的这个项目来介绍下怎么使用吧。Note:最好是按照层次规则来设置路由名,好处是容易看懂,也便于管理。 我这里是以总state到模块state再到下一层模块state(再到下一层模块state)最后到详细页面的state来分层。原创 2016-03-04 17:04:56 · 1728 阅读 · 0 评论 -
angular select中ng-options使用
function selectCtrl($scope) { $scope.selected = ''; $scope.model = [{ id: 10001, mainCategory: '男', productName: '水洗T恤', productColor: '白' }, { id: 10原创 2016-01-13 16:39:53 · 8671 阅读 · 1 评论 -
ui-router中resolve使用说明
$stateProvider.state('myState', { url: "/itemDetail/:itemId", templateUrl:"view/item.detail.html", resolve:{ //你没有看错,myData1的值是个字符串 //但是必须是个已经被声明了的service m转载 2015-12-09 17:16:50 · 8122 阅读 · 0 评论 -
angular页面间传递数据详解
在angular中页面间传递数据的方式我只知道有两种,一种是通过广播。$emit用于向父级以上传递事件与数据,$broadcast用于向子级以下传递事件与数据。$on则用来接收事件与数据。另一种则是通过service服务来传递数据,这些数据都是单例的,也就是说如果在当前的控制器中改变某一值,下一个控制器用的就是已改变的值。这篇文章是记录下。不知道还有没其他什么方法也能页面间传递数据。 怎么说呢,我原创 2015-12-31 14:59:32 · 7643 阅读 · 1 评论 -
指令与控制器间的通信详解
在指令与控制器的通信中,我们一般会在指令内使用scope{@ = &}这三种关系,分别是单向绑定,双向绑定,函数。如: scope: { name: '@myName', ages: '=', sex:'=sexs', ceo:'=positions', changeAge: '&原创 2015-09-17 11:06:37 · 2424 阅读 · 0 评论 -
angularjs select 自定义指令
由于很多下拉功能接口都一样,只有参数不同获取到不同的结果而已。为了避免在控制器中写一大堆重复的请求,所以把下拉功能做成指令。其中也碰到很多问题,好在有大神帮助下完成数据绑定的坑。/** * select选择框 * 根据字典选择 * paramsCatalog : 传入的参数 * pholder : 选择说明 * ngModel : 跟外部ng-model绑定 * onSelec...原创 2018-04-04 14:27:06 · 765 阅读 · 0 评论