refer : https://material.angular.io/cdk/table/overview https://material.angular.io/components/table/overview 通常我们做 control panel 时会大量运用到 table 尤其是处理 CRUD 时, table 更是神器 说到 table 就一定会附带以下这些东西 filter, search pagination sort show/hide/sort columns select…

Angular Material 教程之布局篇 (一) : 布局简介https://segmentfault.com/a/1190000007215707 Angular Material 教程之布局篇 (二) : 布局容器DemoParkhttps://segmentfault.com/a/1190000007217054 Angular Material 教程之布局篇 (三) : 布局子元素DemoParkhttps://segmentfault.com/a/1190000007217765…

一. 安装 npm i ng-material-treetable --save npm i @angular/material @angular/cdk @angular/animations --save 二.配置 在app.module.ts中导入模块 import { TreetableModule } from 'ng-material-treetable'; @NgModule({ ... imports: [ ... TreetableModule ], ... }) export…

官网: https://material.io/design/ https://meterial.io/components 优秀的Meterial design站点: http://materialdesignblog.com/ 并不是万能的,都有约束条件. 优点:兼容性好,可扩展性强,可测试性好,对主题的支持好. 缺点:组件不是特别丰富. 安装: //其它方式$ sudo cnpm i --save @angular/material@2.0.0-beta.7 $ sudo yarn add…

iPhone的出现让手势操作大为流行,也使得手势编程成为开发人员的挑战. 拟物设计也把手势编程纳入在内,大概也想制定一个在交互模型标准.现阶段因为MD还在预发布阶段,因此还只实现了单点手势(一个指头),可是已经有足够的东西值得学习,无论对我们应用还是自己设计手势编程都是大有裨益. Angular Material有两个手划控件mdSwipeLeft和mdSwipeRight,然而真正的代码支持却不在这两个控件的定义中,而是在核心代码中,文件位置src\core\services\gesture\…

1 创建项目 1.1 版本说明 1.2 创建模块 1.2.1 核心模块 该模块只加载一次,主要存放一些核心的组件及服务 ng g m core 1.2.1.1 创建一些核心组件 页眉组件:header ng g c core/header --module core 内容组件:main ng g c core/main --module core 页脚组件:footer ng g c core/footer --module core 1.2.1.2 如何让核心模块只加载一次 在核心模块对应类中…

Unity 2-9 C#高级教程 任务1:字符串和正则表达式任务1-1&1-2:字符串类string System.String类(string为别名) 注:string创建的字符串是不可变的,一旦进行了初始化,就不能改变其内容了 string的声明:string s = "....";字符串长度:int length = s.Length;比较string大小:直接使用 == 即可:(s == "xxx")字符串的连接:直接使用 + 即可:s = &quo…

  介绍 Material Design反映了Google基于Android 5.0 Lollipop操作系统的原生应用UI开发理念,而AngularJS还发起了一个Angular Material Design项目,为应用开发者提供一组完整的实现Material Design的AngularJS UI元素.这听上去不错,但要深究或展示实际范例还为时尚早,感兴趣的开发者可登陆Angular Material官网了解最新进展,或进入GitHub下载源码尝鲜. 官网地址:https://materi…

百度了好久 ,,,最后谷歌出来了.. 该错误可能来自于您将@ angular / material设置为6.0.0, 但所有其他Angular包都是5.x.您应该始终确保Material主要版本与Angular的主要版本匹配. 把package.json file里 "dependencies": { "@angular/core": "^5.2.0", "@angular/cdk": "^6.0.1",…

前言 Angular Material(下称Material)的组件样式至少是可以满足一般的个人开发需求(我真是毫无设计天赋),也是Angular官方推荐的组件.我们通过用这个UI库来快速实现自己的idea. 在上节中我们安装了Angular,并新建了一个简单工程.这节中我们将会将Material导入工程中,简单写一个HelloWorld的例子,并讲解Angular模块中的declarations.imports.providers以及bootstrap等概念. 环境安装 Material简单说…