
AngularJs
晓晓是个打字员
这个作者很懒,什么都没留下…
展开
-
bootstrap-datepicker 日期插件
年月日选择器:https://bootstrap-datepicker.readthedocs.io/en/latest/index.html#bootstrap-datepicker,只支持date选择,不支持time选择Requirements:Bootstrap 2.0.4+ && jQuery 1.7.1+年月日时分选择器:http://www.bootcss....原创 2018-10-22 16:48:45 · 675 阅读 · 0 评论 -
angularjs跨页面传值
背景:1.文件夹格式:2.页面路由:var states = [ ['forgot', '/forgot', '/forgot.html'], ['main', '/main', '/main.html',true], ]3.设置跳转: // config app.config(function ($stateProvider, $urlRouterProvide...原创 2018-10-18 16:43:35 · 2212 阅读 · 0 评论 -
AngularJS中,通过指令对input输入字数进行限制
框架:AngularJS + angular-material目标:当字数超过限制值时,input无法再输入html: <input type="text" ng-model="name" input-limit="30" aria-label="input" name="name" placeholder="长度限制为30个字" />原创 2018-10-17 11:28:56 · 3945 阅读 · 0 评论 -
Angularjs 中拖动弹出框mdDialog
框架:angularjs + angular-material背景:在项目中,有时候会弹出一个form表单让用户填写信息。这时候,经常将form表单嵌在md-dialog中。然而,在angular-material中,并没有提供拖动md-dialog的方法,想要拖动弹出的dialog,我们可以自己写一个指令。html:<md-dialog draggable aria-l...原创 2018-10-17 11:33:22 · 1350 阅读 · 0 评论 -
angularjs指令写一个分页
框架:angularjs +angula-material背景:angularjs material提供的分页样式不满足项目的需求,需要自定义分页的样式。如图所示:增加了首页/末页,上一页/下一页,更多页面…html: &amp;lt;paging class=&quot;table-page&quot; layout=&quot;row&quot; layout原创 2018-10-17 14:56:04 · 202 阅读 · 0 评论 -
用angularjs指令写一个图片懒加载
思路:先用一个比较小的img图片提示用户,正在加载图片;等图片加载完毕后,再显示需要的图片。html:src为默认显示的图片,lazy-src为需要懒加载的图片 &amp;lt;img image-lazy-load src=&quot;&quot; lazy-src=&quot;../image/logo.png&quot; alt=&quot;&quot;/&am原创 2018-10-23 11:07:17 · 730 阅读 · 0 评论 -
Angularjs数据绑定模式
1.Data Binding in AngularJS Templates(双向绑定的写法):写法:在这里插入代码片2.Data Binding in Classical Template Systems(单向绑定的写法):翻译 2018-11-09 10:35:15 · 201 阅读 · 0 评论