angularjs
触不到的颜色是否叫彩虹
这个作者很懒,什么都没留下…
展开
-
angularjs提交表单以及单选按钮取值
<form ng-submit="processForm()" class="solve-form"> <table> <tr> <td>处理</td> <td> <p> <input type="radio" name="checkAudit" value原创 2017-05-26 09:30:14 · 547 阅读 · 0 评论 -
angularjs 正则判断用户输入的内容只能是数字或者字母
<input class="form-control" placeholder="请输入英文和数字" type="text" ng-model="edition" ng-pattern="/^[0-9a-zA-Z]+$/">原创 2017-09-15 10:50:39 · 6373 阅读 · 0 评论 -
angularjs-ng-class指令
angularjs提供了3种方案处理class 1:scope变量绑定。(不推荐使用,本文不讨论) 2:字符串数组形式。 3:对象key/value处理。字符串数组形式: 字符串数组形式是针对class简单变化,具有排斥性的变化,true是什么class,false是什么class,其形如;function Ctr($scope) { $scope.isActive = true;转载 2017-09-07 17:38:21 · 386 阅读 · 0 评论 -
angularjs-渲染完数据后执行js
转自:http://blog.csdn.net/u013938465/article/details/517068361、自定义指令Module.directive('onFinishRender', function($timeout) { return { restrict: 'A', link: function(scope, element, attr转载 2017-09-07 18:34:47 · 614 阅读 · 0 评论 -
设置背景图片随着浏览器缩放保持不变
图片是作为div背景存在的,div的width是100%,height是根据屏幕高度计算的。用这种方法只实现了浏览器缩放背景宽度上保持不变,但是高度变了background-image: url(../images/bg_1.jpg);background-size: 100%;background-repeat: no-repeat;以下是设置div高度的代码var changeBg = (f原创 2017-09-20 18:07:39 · 2810 阅读 · 0 评论 -
基于bower、grunt搭建angularjs项目
参考:http://blog.csdn.net/ch717828/article/details/50339087 http://www.cnblogs.com/ricky52529/p/4079514.html说明一下,本机开发环境已准备好,包括nodejs、bower以及全局grunt都已经安装好了。首先新建文件夹,并进入该文件夹目录1、生成 package.json 文件 这原创 2017-09-28 17:41:39 · 512 阅读 · 0 评论 -
AngularJS—$location
原文地址:http://www.jb51.net/article/93291.htm 注意 本文中获取与修改的URL以 ‘http://172.16.0.88:8100/#/homePage?id=10&a=100’ 这个路径为例: 一. 获取url的相关方法(不修改URL): 1.获取当前完整的url路径var absurl = $location.absUrl(); //http://转载 2017-10-11 11:48:03 · 257 阅读 · 0 评论 -
angularjs--js函数用法Object.getOwnPropertyNames
问题描述:<div ng-if="Object.getOwnPropertyNames(auth).length > 1"></div>在ng-if中写上条件Object.getOwnPropertyNames(auth).length > 1,div不显示。在浏览器控制台中打印Object.getOwnPropertyNames($scope.auth).length > 1值为true。在页面写原创 2017-10-26 10:42:48 · 591 阅读 · 0 评论 -
angularjs设置请求头信息
最近开发中遇到一个问题,需要在模块A发出的请求头信息中添加token属性。如图所示: 简单说明一下情况:模块A所请求的后台是独立的,url为”/isearch/…”。模块A发出的POST请求请求头信息中必须包含token,其它模块的请求头信息中不需要token。token是从Cookie中获取的,Cookie是在模块A发出的第一个请求中返回的,如图所示 以下是解决办法:module.conf原创 2017-08-30 20:37:15 · 8057 阅读 · 0 评论 -
标题还没想好
今天遇到一个奇怪的问题,不知道为什么。 图二中发送了四个http请求,带有参数siteId。 改变参数的方法routerChange如果写在图一没有注释的那处,图二中的四个http请求就会发送一次,这个正确的结果。但是如果写在图一注释的那里,图二中的四个http请求就会发送两次,第一次是没有拿到siteId的,第二次是拿到了siteId的。 开始猜想可能是promise成功拿到数据时图二的原创 2017-12-06 17:24:05 · 218 阅读 · 0 评论 -
angularjs 实现 window.onload() $(document).ready() 的方法
**转自:作者:海底苍鹰 地址:http://blog.51yip.com/jsjquery/1599.html**1、html中直接写<script type="text/javascript"> angular.element(window).bind('load', function() { alert('1'); }); alert(转载 2017-09-07 10:20:55 · 369 阅读 · 0 评论 -
AngularJS使用ng-bind-html会过滤html中style属性的问题
要将下列字符串作为html进行显示字典导入开始</br></br>正在处理机构字典:肇庆市政府</br>即将覆盖已存在的同名字典</br>关联人物字典:赖泽华将会被提交到数据库</br>关联人物字典:刘惠祥将会被提交到数据库</br><span style='color:red'>关联人物字典:陈定坤失败</span></span></br><span style='color:red'>关联人物字原创 2017-09-14 15:48:25 · 2560 阅读 · 0 评论 -
$routeParams、$stateParams区别
最近在改造别人代码,要把ngRouter换成ui-router,在获取参数的时候遇到了一个坑,先随便写写,有空再完善// Given:// URL: http://server.com/index.html#/Chapter/1/Section/2?search=moby// Route: /Chapter/:chapterId/Section/:sectionId//// Then$ro原创 2017-06-28 17:28:14 · 1586 阅读 · 0 评论 -
独立scope及其绑定策略
1、独立scope<hello></hello><hello></hello><hello></hello>var myModule = angular.module("MyModule", []);myModule.directive("hello",function(){ return { restrict:'AE', scope:{},原创 2017-07-03 23:41:50 · 239 阅读 · 0 评论 -
angularjs表单验证
常用的表单验证指令 1. 必填项验证 某个表单输入是否已填写,只要在输入字段元素上添加HTML5标记required即可: 2. 最小长度 验证表单输入的文本长度是否大于某个最小值,在输入字段上使用指令ng-minleng= “{number}”: 3. 最大长度 验证表单输入的文本长度是否小于或等于某个最大值,在输入字段上使用指令ng-maxle原创 2017-06-13 12:21:06 · 244 阅读 · 0 评论 -
angularjs弹出框
$modal只有一个方法: open,该方法的属性有:templateUrl:模态窗口的地址template:用于显示html标签scope:一个作用域为模态的内容使用(事实上,modal会创建一个当前作用域的子作用域)默认为modal会创建一个当前作用域的子作用域)默认为rootScopecontroller:为modal指定的控制器,初始化modal指定的控制器,初始化scope,该控制器可用转载 2017-06-13 20:41:03 · 781 阅读 · 0 评论 -
angularjs指令-hello指令简单用法
在慕课看大漠穷秋老师的视频,为避免时间长了忘记,写了以下笔记,没什么创新的,不喜勿喷哦 hello指令简单用法var myModule = angular.module("MyModule",[]);myModule.directive("hello",function(){ return { restrict:'E', template:'<div>He原创 2017-06-13 23:21:41 · 606 阅读 · 0 评论 -
指令与控制器之间的交互
1、指令与控制器交互<div ng-controller="MyCtrl"> <loader>滑动加载</loader></div>angular.module("MyCtrl",[]).controller("myCtrl",["$scope",function(){ $scope.loadData = function(){ console.log("数据加载原创 2017-06-27 22:11:15 · 272 阅读 · 0 评论 -
angularjs获取cookies的token
$cookies.token;$cookies.get("token")在config中使用时需要注入$cookiesProvider,然后$cookiesProvider.token有时间再完善原创 2017-08-17 11:32:41 · 1302 阅读 · 0 评论 -
angularjs中使用ueditor遇到的一个问题
ueditor是经过总公司二次开发过的。增加了一个设置纸张大小的工具/** * 设置纸张大小 * 二次开发 */ UE.plugins['papersize'] = function () { var me = this; me.setOpt({ 'papersize': ['默认', 'A4', 'B5'] });原创 2017-08-10 16:32:13 · 623 阅读 · 0 评论 -
angularjs--Controller 'ngModel', required by directive 'ngChange', can't be found!错误
Error: $compile:ctreq Missing Required Controller Controller ‘ngModel’, required by directive ‘ngChange’, can’t be found! https://docs.angularjs.org/error/$compile/ctreq?p0=ngModel&p1=ngChange 这种情况原创 2017-08-18 14:58:46 · 5176 阅读 · 0 评论 -
angular-validation校验数字
<input type="number" min="0" max="100" maxlength="5" class="number" ng-model="formData.age" validator="number,required,range" ng-class="{'has-error':orderForm.age.$invalid}" ng-blur="showError(true)"原创 2017-08-20 15:52:53 · 3183 阅读 · 0 评论 -
angularjs-菜单
<accordion close-others="true"> <accordion-group class="operactr-column" ng-repeat="item in menuItems track by $index" is-open="open[item.id]" ng-init="open[item.id] = false"> //此处的变量初始原创 2017-08-25 15:43:24 · 740 阅读 · 0 评论 -
angularjs监听数据变化
1、监听一个变量的值$scope.source$scope.$watch('source',function(n,o){ //...});2、监听多个变量的值$scope.$watchGroup(['createDate','source'],function(n,o){ //...});百度上有一种说法是把变量...原创 2018-05-09 17:35:35 · 2738 阅读 · 4 评论