-
angularjs 自定义过滤器filter和用法
所属栏目:[安全] 日期:2020-12-17 热度:124
自定义过滤器例子 : //创建一个sqhApp模块var app = angular.module("sqhApp",["ionic"],function($httpProvider) {});//sqhApp模块下创建一个过滤器replaceStr,filter的第二个参数方法是没有任何参数的angular.module("sqhApp").filter('replaceStr',func[详细]
-
ionic angular-ui 视图切换禁用缓存
所属栏目:[安全] 日期:2020-12-17 热度:194
文章参考 http://ngionic.com/2014/12/ionic-javascript-api-ion-nav-view%E5%AF%BC%E8%88%AA%E6%A0%8F%E8%A7%86%E5%9B%BE/ 通常情况下,视图都被缓存了能提升性能。当跳出视图时,他的元素被保留在Dom中,并且它的作用于也从 $watch 中移除。当我们跳到一个[详细]
-
angularjs 多个页面共享数据
所属栏目:[安全] 日期:2020-12-17 热度:152
文章参考 http://www.myexception.cn/javascript/1978613.html 使用service来共享数据 定义一个共享服务的service //家电维修共享数据的服务angular.module("sqhApp").factory("repairDeviceDataShareServer",function($http,$state,$ionicPopup){return {//[详细]
-
angular router ui 路由模块(父子)层级说明
所属栏目:[安全] 日期:2020-12-17 热度:55
路由配置页面 /***************** 英雄榜 ************************///英雄榜模板.state('heroTopList',{url: '/heroTopList',abstract:true,templateUrl: 'templates/heroTopIndex.html',//进入页面触发的方法onEnter: function () {},//离开页面触发的方法[详细]
-
angularjs ng-class学习笔记
所属栏目:[安全] 日期:2020-12-17 热度:77
在工作中,需要点击某个控件实现另外一个控件的效果(例如变色、是否显示等),在angularjs中,使用ng-class是个不错的选择。 下面是我写的例子,方便学习。 !DOCTYPE htmlhtml lang="zh-CN" ng-app="jiazhengApp"head meta name="viewport" content="width=[详细]
-
angular公共页面提供公共服务(例如获取小区)
所属栏目:[安全] 日期:2020-12-17 热度:187
需求:在开发中有个需求,需要获取用户的所在小区,用户需要跳转到小区页面,选择小区之后再回退到选择小区的页面(有多个页面都需要选择小区)。 思路:页面需要跳转到选择小区页面,既然是单独的页面,就有单独的controller和service,因此,最好的方式是[详细]
-
angularjs ng-bind-html 指令 对html标签转译
所属栏目:[安全] 日期:2020-12-17 热度:68
文章参考 http://www.tuicool.com/articles/2eIrIz http://www.runoob.com/angularjs/ng-ng-bind-html.html 在工作中遇到问题:用户在后台添加一篇新闻,在数据库中存储的是HTML代码,从数据库查询出来之后结果把HTML代码显示出来。 解决办法:使用ng-bind-h[详细]
-
angularjs $q服务学习
所属栏目:[安全] 日期:2020-12-17 热度:188
文章参考 http://www.jb51.net/article/61638.htm http://www.cnblogs.com/xing901022/p/4928147.html Promise Promise是一种模式 ,以同步操作的流程形式来操作异步事件,避免了层层嵌套,可以链式操作异步事件 。 我们知道,在编写javascript异步代码时,c[详细]
-
angular自定义服务 历史回退到“上一个页面”
所属栏目:[安全] 日期:2020-12-17 热度:129
在实际项目中,某个页面的入口可能是有多个,但是用户回退的时候,是希望进入之前进来的界面,这样就需要浏览器记住进来的界面 解决办法一(使用历史回退): 代码如下 $scope.goBack = function(){window.history.back();}; 上面的解决方案存在缺陷,应用场[详细]
-
angularjs 排序入门学习
所属栏目:[安全] 日期:2020-12-17 热度:169
!DOCTYPE htmlhtml ng-app="myApp"head meta charset="UTF-8" meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height" !--script src="public/js/jquery.js"/script-- script src="../p[详细]
-
angularjs中全局变量 constant 和 value方法
所属栏目:[安全] 日期:2020-12-17 热度:70
文章参考 http://blog.51yip.com/jsjquery/1601.html 对于一些不经常改变的内容,或者“控制开关”,我们希望能变为“全局变量”,在一处改变,其余的地方全部改变,方便控制管理。 1,通过var 直接定义global variable,这根纯js是一样的。 2,用angularjs[详细]
-
angularjs select标签 ng-options ng-change学习
所属栏目:[安全] 日期:2020-12-17 热度:145
文章参考 http://www.codeweblog.com/angularjs-select%E8%AF%A6%E7%BB%86%E7%94%A8%E6%B3%95/ ng-options指令的使用 !DOCTYPE htmlhtml ng-app="myApp"head meta charset="UTF-8" meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scal[详细]
-
angularjs 过滤器filter 学习笔记
所属栏目:[安全] 日期:2020-12-17 热度:114
文章参考 http://www.tuicool.com/articles/ueUZBv 过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果 。 主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。 ng内置了一些过滤器([详细]
-
angularjs directive 指令 学习笔记
所属栏目:[安全] 日期:2020-12-17 热度:88
第一章 directive 常用指令 restrict 是一个可选的参数。它告诉AngularJS这个指令在DOM中可以何种形式被声明。默 认AngularJS认为 restrict 的值是 A ,即以属性的形式来进行声明。 取值有:E(元素),A(属性),C(类),M(注释),其中默认值为A; E(元素):direct[详细]
-
angular $q封装$http get和post请求
所属栏目:[安全] 日期:2020-12-17 热度:80
//第一步,定义发送请求的配置信息 angular.module('hkApp').constant('API_ENDPOINT',{host: 'http://testfx.ypcoo.com',port: 80,path: '/index.php/Wap',platform: 'weixin' // string 'weixin or app' 平台常量,通过此参数判断系统是在微信里面使用还是[详细]
-
angularjs 子模块实战例子 (切换效果)
所属栏目:[安全] 日期:2020-12-17 热度:56
在工作中,创建了一个子模块,但是页面切换的时候,发现没有切换效果了,看了ionic官网的demo,然后自己模仿着写一个例子,提供给自己学习。 一、app入口 ,加载angularjs 插件,并配置state(状态)和显示位置 !DOCTYPE htmlhtml ng-app="myApp"head meta cha[详细]
-
angularjs 拦截器学习笔记
所属栏目:[安全] 日期:2020-12-17 热度:129
文章参考 http://my.oschina.net/ilivebox/blog/290881 在工作中,遇到一个需求 —— 如何判断用户是否已经登录,session是否有效。 思路一: 第一次进来获取登录用户信息,然后缓存到一个服务中,使用拦截器每次发送请求,就传递用户信息给后台 思路二: 用[详细]
-
angular接受后台HTML (新闻发布系统)
所属栏目:[安全] 日期:2020-12-17 热度:196
后台添加新闻,在angularjs 中显示 问题:由于后台发布的图片不一定能够在手机尺寸中正常显示,解决办法,在页面加载完图片之后, 对图片重现设置样式“宽度90%,居中” 对齐。 //公司介绍内容.state('companyIntroduce.company',{url: '/companyIntroduce/c[详细]
-
angularjs 权限控制显示办法
所属栏目:[安全] 日期:2020-12-17 热度:81
在项目中遇到根据用户不同的角色显示不同内容的需求 ? 下面是我自己想的一种解决办法 一、定义用户角色 /* * 用户角色 service * */angular.module('hkApp').factory('roleService',function($http,API_ENDPOINT,$q,$log) { var roleServiceObj = {};//当前[详细]
-
angular 设置select默认option选择值
所属栏目:[安全] 日期:2020-12-17 热度:183
label class="item item-input item-select" div class="input-label" 报修类型 /div select ng-model="formData.repaireType" option selected value=""请选择/option option ng-repeat="item in repaireTypeList" value="{{item.id}}"{{item.name}}/option[详细]
-
angular 拦截器每个请求传递用户的token
所属栏目:[安全] 日期:2020-12-17 热度:169
angular.module('houseApp').config(["$stateProvider","$ionicConfigProvider","$httpProvider",function ($stateProvider,$ionicConfigProvider,$httpProvider) {//禁用所有缓存$ionicConfigProvider.views.maxCache(0);//添加拦截器$httpProvider.interce[详细]
-
angular和webstorm 加载本地数据,实现“单机版”web应用
所属栏目:[安全] 日期:2020-12-17 热度:163
应用场景: 开发ionic web app应用,需要后台传输数据,才能正常使用,如果没有数据,那么app 就是只有效果的空壳。 目的: 1、为了给客户演示产品,在无网络的情况下,使用单机版的app 是再好不过了 2、开发ionic中,如果数据全部是自己模拟,加快开发速度[详细]
-
href无法跳转到angularjs中的指定页面
所属栏目:[安全] 日期:2020-12-17 热度:191
自己写了一个angularjs + ionic项目,在广告中有一个查看商品详情,复制商品详情链接之后,页面没有跳转到指定页面,而是跳转到ionic项目的首页。 测试过程: 1、在没有打包压缩js 和 html(缓存)之前,可以链接到指定页面,但是打包压缩之后,地址栏会迅速[详细]
-
angular 默认排序问题
所属栏目:[安全] 日期:2020-12-17 热度:119
在工作中发现,后台传递过来的json对象,到前端便利的时候,会默认排序,与预期的不符。 为了解决“自动排序”的问题,自己写了相关的filter,但是只能具体问题具体解决,很是苦恼 无意中,同事发现他写的demo不会出现“自动排序的问题”,通过查看源代码,[详细]
-
angularjs 用serviec做数据校验
所属栏目:[安全] 日期:2020-12-17 热度:52
一、定义一个service angular.module('htbapp') // use factory for services .factory('verificationService',function() { /* * 手机号码格式 * 只允许以13、15、18开头的号码 * 如:13012345678、15929224344、18201234676 */ var regMobile = /^1[3,4,5,[详细]