AngularJs
文章平均质量分 65
壹只很拽的猫
这个作者很懒,什么都没留下…
展开
-
AngularJS $watch用法
$watch()执行时会先调用一次传入的回调,可以认为是初始化。用法:$scope.name = 'zhangsan'; $scope.count=0;$scope.$watch('name', function(newValue, oldValue) { // console.log(newValue+ '===' +oldValue); ++$sco原创 2016-10-18 11:24:41 · 10101 阅读 · 0 评论 -
AngularJs ui select 禁止search
https://angular-ui.github.io/ui-select/demo-disable-search.html参考上面的文档 {{$select.selected.name}}原创 2017-07-14 14:01:17 · 1661 阅读 · 0 评论 -
angularjs ui-select 如果select的内容为空 则禁止点击
https://stackoverflow.com/questions/29534698/ui-select-disable-if-emptyI usually use ng-disable on myArray.length to get a 0 or !0 and use it as false and true. Always worked for me. ng-model="m转载 2017-07-14 15:06:04 · 4024 阅读 · 1 评论 -
angularjs UI select 多选后页面闪动的解决方案
.ui-select-multiple.ui-select-bootstrap { height: auto; min-height: 34px; /* padding: 3px 3px 0 3px;*/ padding: 4px 4px 3px 4px;}.ui-select-multiple.ui-select-bootstrap input.ui-sele原创 2017-07-14 16:49:40 · 2550 阅读 · 0 评论 -
AngularJS 最常用的八种功能
http://blog.csdn.net/w329300817/article/details/51981955第一 迭代输出之ng-repeat标签ng-repeat让table ul ol等标签和js里的数组完美结合{{person.name}} is {{person.age}} years old.你甚至可以指定输出的顺序:第二 动态转载 2017-07-20 17:51:40 · 483 阅读 · 0 评论 -
(译) 在AngularJS中使用的表单验证功能
http://www.cnblogs.com/woshinidezhu/p/Form-validation-with-AngularJS.html验证功能是AngularJS里面最酷炫的功能之一,它可以让你写出一个具有良好用户体验的Web应用。在AngularJS中,有许多用于验证的指令。我们将先学习几个最流行的内置指令,然后再创建一个自定义验证规则的指令。form nam转载 2017-07-20 17:52:55 · 297 阅读 · 0 评论 -
$state.go页面传递参数
http://studygolang.com/articles/8153方法1A页面向PAGE1页面传递参数id .state('page1', { url: '/page1', templateUrl: 'tpl/page1.html', params: {id:nul转载 2017-08-02 09:42:57 · 3374 阅读 · 0 评论 -
angularjs filters on ng-model in an input
app.directive('customValidation', function(){ return { require: 'ngModel', link: function(scope, element, attrs, modelCtrl) { modelCtrl.$parsers.push(function (inputValue) {转载 2017-08-16 13:55:10 · 405 阅读 · 0 评论 -
AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter
http://www.cnblogs.com/BeautifulBoy/p/6257800.htmlhttp://www.cnblogs.com/94cool/p/5895813.html // new Date() 获取当前时间 yyyy-MM-ddd //是返回的格式 下面会一 一列出 这种返回格式$scope.wwwwwww = $filter(new Date(),转载 2017-07-25 16:08:12 · 5936 阅读 · 0 评论 -
angular应用,一个input上有自定义directive和ng-model,怎么在directive更新input的value时更新model
https://segmentfault.com/q/1010000000347476wise.directive('upload', function ($parse) { return { link: function ($scope, iElement, iAttrs, controller) { iElement.upload({转载 2017-08-17 16:41:58 · 1401 阅读 · 0 评论 -
angular,使用directive实现,将input的数字保留两位小数,不足两位补0.
https://www.oschina.net/code/snippet_929096_53265angular.module('app').directive('numFormat',function() { return { scope:{ model : '=ngModel' }, link: functio转载 2017-09-04 14:16:57 · 2470 阅读 · 0 评论 -
angularjs 的一些方法
控制超过文字个数显示“...”http://sparkalow.github.io/angular-truncate/原创 2017-09-05 09:24:24 · 402 阅读 · 0 评论 -
Angularjs表单验证
ng-invalidhttp://itindex.net/detail/51049-angularjshttp://www.cnblogs.com/netxiaohui/p/5768362.html angular基本操作http://www.cnblogs.com/rohelm/p/4033513.html原创 2017-09-05 09:27:07 · 298 阅读 · 0 评论 -
Angularjs轻松实现表格按指定列排序
http://www.tuicool.com/articles/q6JJNzy使用Angularjs的过滤器,可以很容易的实现在表格中,点击某一列标题进行排序,实现过程如下:html代码:table class="table table-border" ng-app="myapp" ng-controller="orderByCtrl"> thead>转载 2017-06-23 11:49:43 · 2204 阅读 · 0 评论 -
细说Angular ng-class
http://www.cnblogs.com/whitewolf/archive/2013/05/22/3092184.html在前面Angularjs开发一些经验总结中我们说到在angular开发中angular controller never 包含DOM元素(html/css),在controller需要一个简单的POJO(plain object javascript object转载 2017-06-23 11:48:50 · 314 阅读 · 0 评论 -
AngularJS的Filter用法详解
http://www.tuicool.com/articles/vmmeQvj上一篇讲了自定义Directive, 本篇是要讲到AngularJS的Filter。 Filter简介Filter是用来格式化数据用的。Filter的基本原型( '|' 类似于Linux中的管道模式):{{ expression | filter }}Filter可以被链式使用(即连续转载 2017-06-23 09:26:52 · 603 阅读 · 0 评论 -
angularjs 如何动态设置id
https://segmentfault.com/q/1010000007471408/a-1020000007477063我在html里面动态设置了div的id代码如下:div ng-repeat="item in items"> div id="{{item.name}}" class="ng-hide"> {{item.name}} div>div>html解析转载 2017-05-25 23:21:43 · 12659 阅读 · 0 评论 -
angularJS中repeat数据不能出现重复项解决
http://blog.csdn.net/littlebeargreat/article/details/54563892AngularJS中repeat的数组数据不能出现重复项,代码本应该是这样的: 解决方法: 在" x in attr "后面直接加上" track by $index "即可。改过的代码如下:转载 2017-05-25 23:26:08 · 1251 阅读 · 0 评论 -
angular中如何监控页面加载完毕
http://blog.csdn.net/superjunjin/article/details/53355379一,网上一些不起作用的方法1,在controller里面利用on或者watch$scope.$on('$viewContentLoaded', function() { alert('1'); });$scope.$watch('$viewConte转载 2017-05-26 10:17:22 · 9070 阅读 · 1 评论 -
用ng-repeat循环出一个不规则的表格遇到了问题
https://segmentfault.com/q/1010000002900072我有一条json如下:[{"teacher":"Tom","student":[{"name":"stuA","project":"projectA"},{"name":"stuB","project":"projectB"}]},{"teacher":"Jerry","student":[{"n转载 2017-05-29 17:36:34 · 2569 阅读 · 1 评论 -
Echart的angularjs封装
http://www.cnblogs.com/goodbeypeterpan/p/5542389.htmlehcart是百度做的数据图表,基于原生js。接口和配置都写的很好很易读,还可以用于商用。下面正题用原生js的话,引入echarts.js无论是图表的样式设置,图表渲染,数据填充都是基于echart对象的option的,官网给出使用方法:var dom = docume转载 2017-05-30 13:47:45 · 1325 阅读 · 0 评论 -
$scope.变量名可以动态声明吗?
https://segmentfault.com/q/1010000009328744https://segmentfault.com/q/1010000003743012?_ea=369071上代码:for (var i = 1; i 7; i++) { var res='res'+i; $scope.res=XXXX; };变量名是由字符串res转载 2017-05-30 14:47:48 · 2298 阅读 · 1 评论 -
解决angularjs锚点跟路由冲突的问题
AngularJs中锚点的使用,及锚点偏移量设置http://blog.csdn.net/M_killer/article/details/50394254AngularJS中关于锚点的使用,及锚点偏移量设置有很多人在使用ng-view时都用到了#号做route,所以如果在页面上需要用到锚点的时候就会比较头疼了。这个时候可以使用ng的anchorScroll转载 2017-06-07 17:51:35 · 3623 阅读 · 0 评论 -
使用angularJs实现tab切换
http://blog.csdn.net/janelittle/article/details/70054889最近的项目客户要求使用AngularJS,不得不说angularJs用起来确实方便。但是有些功能事件不会的话还是会用jq。其实在使用angularJs的时候,能不用jq最后还是不用jq,以免混乱、冲突。闲话少叙,项目中有tab切换的需要,这很常见。若是不引用angularJs转载 2017-06-08 09:21:18 · 2854 阅读 · 0 评论 -
jquery滚动条插件slimScroll的使用方法总结
http://blog.csdn.net/qq_31851435/article/details/53096933simScroll插件项目下载地址:https://github.com/rochal/jQuery-slimScrollTIP:1.slimScroll在使用的时候要依赖JQ,所以首次使用的时候要引入JQ再引入simScroll插件2.不支持resiz转载 2017-06-29 16:17:48 · 11288 阅读 · 0 评论 -
在 Angularjs 中 ui-sref 和 $state.go 如何传递参数
http://www.cnblogs.com/jager/p/5293225.html1 ui-sref、$state.go 的区别ui-sref 一般使用在 ...;a ui-sref="message-list">消息中心a>$state.go('someState')一般使用在 controller里面;.controller('firstCtrl', f转载 2017-07-10 15:37:24 · 577 阅读 · 0 评论 -
Angularjs中select 的ng-repeat 和 ng-options 用法和获取选取值
http://blog.csdn.net/manson_zh/article/details/72520604AngularJS模块化开发中,遇到几次下拉菜单实现搜索功能的案例,现整理一下select中ng-repeat 和ng-options的用法和获取值的方法一,ng-repeat1,HTML[html] view plain copy sele转载 2017-06-22 17:18:47 · 5062 阅读 · 0 评论 -
Angularjs Filter
http://www.cnblogs.com/lvdabao/p/3475426.htmlhttp://www.tuicool.com/articles/vmmeQvjhttp://www.jb51.net/article/77076.htmhttp://blog.csdn.net/bboyjoe/article/details/50455906过滤器(filt转载 2017-06-23 09:26:01 · 324 阅读 · 0 评论 -
AngularJS访问服务器获取数据遍历生成表格,附Demo源码
http://blog.csdn.net/sinat_28147421/article/details/52496185初学angular.js,觉得真是一个强大的前端框架,可结合BootStrap,下面的代码看起来还是挺多,但是除去BootStrap布局代码的话,会精简很多,才学了几天,目前只可以实现排序、筛选、弹窗、全选、取消全选,备注比较全面,适合初学人员,因为从服务器端获取数据需要转载 2017-09-05 09:29:42 · 1187 阅读 · 0 评论