08 2018 档案
摘要:由于angularjs 项目中频繁使用弹窗,完全自行编写耗时耗力,所以结合ui-boostrap 中的modal 模块来实现功能 经过一步步实践和优化后,尽量减少中间环节,最终确认使用自定义指令来实现弹窗功能。 js 及css 文件引入: 自定义弹窗指令: angular.module('commo
阅读全文
摘要:密码一致性验证 Demo1:在第一个密码框添加Id 属性,通过Id 获取其value 值,并与第二个密码框的value 值做实时对比 Demo2:通过第二个密码框的scope 拿到传入第一个密码框的值,并实时比较两个密码框的值 html 代码: <div class="form-group"> <l
阅读全文
摘要:此表单示例结合先前的自定义指令弹窗使用,使用场景为新建,修改;主要使用表单验证的内置指令,如果有验证不通过,表单将不会提交。 demo: html 代码:使用anguljs 表单验证的内置指令 <form name="userGroupForm" ng-submit="$ctrl.submit($e
阅读全文
摘要:jquery 官网:http://jquery.com/ 下载: bootstrap 官网:http://www.bootcss.com/ 下载: angularjs 官网:https://angularjs.org/ 下载:https://code.angularjs.org/ ui-router
阅读全文
摘要:jquery.event.drag 文档参考地址:http://threedubmedia.com/code/event/drag demo: jQuery UI 拖动(Draggable) 参考文档地址:https://jqueryui.com/draggable/ demo:
阅读全文
摘要:angularjs 单页面项目使用组件化开发模式,降低模块之间的耦合性,便于协同开发;使用ui-router 作为项目的路由切换,并结合ocLazyLoad 按需加载组件(component)、服务(service)。后续结合requirejs 动态加载js 文件,解决index 页面加载大量js
阅读全文

浙公网安备 33010602011771号