一、概述 尽管被称为Angular5,实际上它只是这个诞生于2012年的前端框架的的第四个版本: 看起来差不多半年就发布一个新版本,不过实际上从重写的版本2开始,开发 接… ...
Vue.js作为一个后起的前端框架,借鉴了Angular 、React等现代前端框架/库的诸多特点,并且取得了相当不错的成绩。 [Vue.js](http://xc.hubwiz.com/cou… ...
Vue.js作为一个后起的前端框架,借鉴了Angular 、React等现代前端框架/库的诸多特点,并且 取得了相当不错的成绩。 [Vue.js](http://xc.hubwiz.c… ...
之前看过一篇文章「在 2016 年学 JavaScript 是一种什么样的体验?」,于是自己对入坑前端有种莫名的畏惧,自己之前甚至分不清 Bootstrap 和 Angular 这些框架的区别。学这本书的动机是从[「Create A Real Time Chat App Wit…...
浏览器会解析渲染 HTML 元素的样式和行为,这个能力是 Web 强大功能的基础之一。指令本质上是 AngularJS 对 HTML 元素的扩展,给 HTML 元素增加自定义功能,语义化 HTML 标签。AngularJS 编译 DOM 时,会执行与指令关联的 JS 代码,即找…...
AngularJS 的脏值检查和事件机制都是基于作用域实现的,该文章没有涉及的作用域的创建、销毁等和生命周期相关的内容,只是把脏值检查和事件机制拆出来讲解一下。 本文引用的 AngularJS 的源码略去了很多代码,有需要可以直接看源码。 脏值检查 在看该部分前强烈建议看…...
模态窗指令ed-modal 模态窗指令用来显示弹窗。 一 使用方法: <div ed-modal="modal" data-options="title: '弹出框演示', icon: 'fa-plus'…...
下拉表格指令ed-combogrid 下拉表格指令扩展了ed-combo,能够下拉选择表格的内容。 一 使用方法: <div class="form-group"> <label class="col-md-3 contro…...
通用下拉指令ed-combo 通用下拉指令扩展了普通的select下拉菜单,能够自定义下拉菜单的内容。 一 使用方法: <div class="form-group"> <label class="col-md-3 cont…...
过滤器(filter) 过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。 转载自走进AngularJs(七) 过滤器(filter) 一 filter的两种使用方法: 在模板中使用filter 我们… ...
框架内置服务 一 页面相关Page: alert(message, okCallback)alert提示,参数分别为提示信息、回调函数 notice(message)notice消息提示,2s后自动消失 confirm(message, okCallback)confir…...
表单校验 表单校验校验表单输入校验,通过对w5c-validator-angular(示例)的修改来实现 一 使用方法: <form ac… ...
循环结束事件指令on-finish-render-filters 循环结束事件指令用来在ng-repeat循环指令结束时向当前controller发出通知ngRepeatFinished 一 使用方法: html <tr ng-repeat="menu …...
弹出层指令ed-layer 弹出层指令类似tip弹出层 ![enter image description here][1] 一 使用方法: <div ed-layer="userInfo"> <!-- 内容--> </d…...
时间选择指令ed-date-picker、ed-time-picker 日期选择指令和时间选择指令 一 使用方法: <!--日期选择--> <input type="text" class="form-control&quo…...
部门树指令ed-dept-tree 部门树指令使用ztree展示部门树 一 使用方法: <div ed-dept-tree ed-click="selectDept" style="height:450px; overflow:auto…...
用户所属部门ed-user-dept 用户所属部门指令适用于选择某个指定用户所属的部门,比如某个表单要显示当前登录人以及所属部门。本指令能将用户所属的部门通过下拉选择框来展示。 一 使用方法: <select class="form-control&quo…...
人员选择指令ed-user-select 人员选择指令用来选择人员 一 使用方法: <div ed-user-select ed-multiple="true" ng-model="user.b"></div>…...
文件上传ed-uploader ed-uploader使用了angular-file-upload来进行上传。 一 使用方法: <div ed-uploader class="ng-uploader list" ng-model="fi…...
自定义表格指令ed-keditor ed-keditor是对Kind Editer的封装,以支持数据的双向绑定,使其能够像普通的textarea来使用 一 使用方法: <textarea ed-keditor ng-model="content"…...