aaalsh-CSDN博客

原创 angular学习笔记—表单

angular有两种表单：模板驱动表单和响应式表单。模板驱动表单：顾名思义，模板驱动表单是在视图层面创建和管理表单控件，一般不需要在模型层面对表单进行控制。angular会自动将数据与表单控件绑定，并监听值的变化，类型于黑箱操作。官网示例：<form (ngSubmit)="onSubmit()" #heroForm="ngForm"> &l...

2018-06-15 16:45:55 243

转载 angular自定义表单控件（转）

当我们打算自定义表单控件前，我们应该先考虑一下以下问题：是否已经有相同语义的 native (本机) 元素？如：<input type="number">如果有，我们就应该考虑能否依赖该元素，仅使用 CSS 或渐进增强的方式来改变其外观/行为就能满足我们的需求？如果没有，自定义控件会是什么样的？我们如何让它可以访问 (accessible)？在不...

2018-05-23 15:49:39 2074

原创 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 1037

转载 angular学习笔记—数据绑定（转）

数据绑定总体而言有三种类型：{{...}} 插值表达式绑定属性绑定（包括property和attitude事件绑定插值表达式绑定既可以写在html结构中，也可以写在标签中<p>My current hero is {{currentHero.name}}</p><img src="{{heroImageUrl}}" style="height:30px">属性...

2018-05-22 16:25:36 228

原创 angular-datatables学习与实践总结5

这篇文章记录一下datatables的服务器端模式。当需要显示的数据量太大时，采用客户端模式效率就会比较低下，此时就需要服务器端模式。datatables的服务端模式开启方式：serverSide: true服务端模式需要ajax的配合，datatables的每一次翻页，查找，排序等时都会自动调用ajax。此时ajax可以是Object也可以是function。例如：ajax: { ...

2018-05-04 16:36:02 1178

这篇文章记录一些datatables常用的回调函数rowCallback：表格行绘制的回调函数rowCallback: (row, data, index) => {}参数row表示这一行的dom，data表示这一行的全部数据，index表示这一行的内部索引。另外还有一个相似的回调函数createdRow，参数也是一样的，官网上说createdRow的效率高于rowCallback，实践中也...

2018-05-03 11:30:14 1003

原创 angular-datatables学习与实践总结3

这篇文章主要介绍dtOptions中的columns和columnDefs属性，这两个属性的类型都是array。colunms和colunmDefs属性都可以用来定义表格中的列，不同点在于columns只能一列一列的定义，也就是说你有多少个th，就要定义多少个。而colunmDefs可以定义一个或多个列的属性，colunmDefs相对于columns多了一个targets选项，它表示定义的是哪些列...

2018-05-02 18:02:14 616

原创 angular-datatables学习与实践总结2

这篇文章记录一下datatables的一些主要设置this.dtOptions = { columns: [ { title: '用户名', data: 'name', width: '10%' }, { title: '行政区名称', data: 'xzq...

2018-05-02 16:27:31 1560

原创 angular-datatables学习与实践总结1

最近在使用angular5作为框架搭建网站前端平台，需要使用表格。以前都是使用的jquery的datatables插件，但是不知道在angular框架中是否还能使用。在github中尝试搜索了一下，果然有datatables的angular版本，于是马上下载投入使用，本系列就是记录angular-datatables的学习与使用之路。基本格式HTML<table datatable [dtO...

2018-05-02 15:33:03 588

u012033169的博客