前端
文章平均质量分 69
aaalsh
这个作者很懒,什么都没留下…
展开
-
angular-datatables学习与实践总结2
这篇文章记录一下datatables的一些主要设置this.dtOptions = { columns: [ { title: '用户名', data: 'name', width: '10%' }, { title: '行政区名称', data: 'xzq...原创 2018-05-02 16:27:31 · 1494 阅读 · 0 评论 -
angular自定义表单控件(转)
当我们打算自定义表单控件前,我们应该先考虑一下以下问题:是否已经有相同语义的 native (本机) 元素?如:<input type="number">如果有,我们就应该考虑能否依赖该元素,仅使用 CSS 或渐进增强的方式来改变其外观/行为就能满足我们的需求?如果没有,自定义控件会是什么样的?我们如何让它可以访问 (accessible)?在不...转载 2018-05-23 15:49:39 · 1982 阅读 · 0 评论 -
ng2-charts学习与实践(1)
ng2-charts是一个图表显示插件,它是Chart.js的angular版本,安装方法详见github。这里介绍一下基本的用法。属性:data (Array<number[]> | number[]) - 图表的点集, Array<number[]> 只能用于line, bar 和 radar, 其他都可以用 number[];datasets (Array<{d...原创 2018-05-23 15:45:42 · 966 阅读 · 0 评论 -
angular学习笔记—数据绑定(转)
数据绑定总体而言有三种类型:{{...}} 插值表达式绑定属性绑定(包括property和attitude事件绑定插值表达式绑定既可以写在html结构中,也可以写在标签中<p>My current hero is {{currentHero.name}}</p><img src="{{heroImageUrl}}" style="height:30px">属性...转载 2018-05-22 16:25:36 · 161 阅读 · 0 评论 -
angular-datatables学习与实践总结5
这篇文章记录一下datatables的服务器端模式。当需要显示的数据量太大时,采用客户端模式效率就会比较低下,此时就需要服务器端模式。datatables的服务端模式开启方式:serverSide: true服务端模式需要ajax的配合,datatables的每一次翻页,查找,排序等时都会自动调用ajax。此时ajax可以是Object也可以是function。例如:ajax: { ...原创 2018-05-04 16:36:02 · 1109 阅读 · 1 评论 -
angular-datatables学习与实践总结4
这篇文章记录一些datatables常用的回调函数rowCallback:表格行绘制的回调函数rowCallback: (row, data, index) => {}参数row表示这一行的dom,data表示这一行的全部数据,index表示这一行的内部索引。另外还有一个相似的回调函数createdRow,参数也是一样的,官网上说createdRow的效率高于rowCallback,实践中也...原创 2018-05-03 11:30:14 · 897 阅读 · 0 评论 -
angular-datatables学习与实践总结3
这篇文章主要介绍dtOptions中的columns和columnDefs属性,这两个属性的类型都是array。colunms和colunmDefs属性都可以用来定义表格中的列,不同点在于columns只能一列一列的定义,也就是说你有多少个th,就要定义多少个。而colunmDefs可以定义一个或多个列的属性,colunmDefs相对于columns多了一个targets选项,它表示定义的是哪些列...原创 2018-05-02 18:02:14 · 550 阅读 · 0 评论 -
angular-datatables学习与实践总结1
最近在使用angular5作为框架搭建网站前端平台,需要使用表格。以前都是使用的jquery的datatables插件,但是不知道在angular框架中是否还能使用。在github中尝试搜索了一下,果然有datatables的angular版本,于是马上下载投入使用,本系列就是记录angular-datatables的学习与使用之路。基本格式HTML<table datatable [dtO...原创 2018-05-02 15:33:03 · 520 阅读 · 0 评论 -
angular学习笔记—表单
angular有两种表单:模板驱动表单和响应式表单。模板驱动表单: 顾名思义,模板驱动表单是在视图层面创建和管理表单控件,一般不需要在模型层面对表单进行控制。angular会自动将数据与表单控件绑定,并监听值的变化,类型于黑箱操作。 官网示例:<form (ngSubmit)="onSubmit()" #heroForm="ngForm"> &l...原创 2018-06-15 16:45:55 · 191 阅读 · 0 评论