文档章节

AngularDart Material Design 列表

scooplol
 scooplol
发布于 2018/09/11 17:31
字数 541
阅读 3
收藏 0

MaterialListComponent

Selector: <material-list>

材料列表是用户要与之交互的一组项目的容器组件。

它构成了选择和菜单组件的基础。 MaterialListComponent类充当提供样式和收集项事件的能力的列表的根节点。

Attributes:

  • size:string {x-small,small,medium,large,x-large}列表的大小,导致宽度分别为64px * {1.5,3,5,6,7}。 默认大小为“auto”,它将列表的大小调整为其内容。
  • min-size:string {x-small,small,medium,large,x-large}列表的最小尺寸,导致宽度至少为指定的宽度。

Inputs:

  • size String 

    预设宽度,1到5. 默认情况下,材质列表将扩展到其父级的整个宽度。

    注意:规范清楚地列出了预定义的列表大小,因此请谨慎使用默认的扩展大小。 每个宽度将基本块宽度(桌面和平板电脑上的64px)分别乘以1.5,3,5,6,7,以获得可预测的宽度。 设置为0可使列表扩展到其父级的全宽。
     

  • width dynamic
    已禁用!改用siaze输入。

MaterialListItemComponent

Selector: <material-list-item>

Material List Item是一个用于用户交互的块元素; 它具有:hover样式和当用户点击或按下enter或space键时并发出和触发事件。

有关项目分组标签,请参阅MaterialListComponent

注意:如果material-list-item在其祖先中具有DropdownHandle,则如果closeOnActivatetrue,则在触发(即单击或按下Enter / space on)列表项时将关闭该下拉列表。

Inputs:

  • closeOnActivate bool 
    是否应该在选择此项目时关闭包含下拉列表。
     
  • disabled bool 
    禁用触发器并为项目提供禁用的样式。
     
  • role String 
    该组件的作用用于a11y。
     
  • tabbable bool 
    组件是否可以列表化。
     
  • tabindex String 

    组件的选项卡索引。

    如果tabbabletruedisabledfalse,则使用该值。

Outputs:

  • trigger Stream<UIEvent> 
    通过单击,点击或按键激活按钮时触发。

MaterialListDemoComponent

查看示例,查看源码

© 著作权归作者所有

共有 人打赏支持
scooplol
粉丝 15
博文 103
码字总数 205785
作品 0
南充
程序员
私信 提问
AngularDart 现已全面采用 Dart 开发

一直以来,Angular 2依然采用TypeScript作为主流开发语言,然后自动编译成JavaScript 和 Dart。Dart开发者一直在进行Angular 2拆分,将其分为TypeScript/JavaScript版本和Dart版本,并成立了...

oschina
2016/07/21
6K
25
AngularDart 3.0:轻松升级,性能更好

AngularDart 3.0 现已推出。它带来更好的性能和更少的代码生成,加速开发效率。 3.0 版本尽管有一些突破性的变化,但由于 public API 的调整极少,可以看成是一个平滑的升级。主要改进在于代...

王练
2017/05/06
2.6K
4
AngularDart Material Design 卡片

自述 Material Card 材料卡是由Google材料团队(也称为mdc-web)提供的卡片样式。 这是一个允许在AngularDart应用程序中使用样式的包装器。 有关如何使用这些样式的文档,请参阅mdc文档。 可...

scooplol
2018/09/09
0
0
谷歌的 “Dart ”编程语言重返舞台

谷歌 Dart 曾经踌踌满志地想要取代 JavaScript 成为 Web 开发的首选语言。然而在一年半前,谷歌放弃了这个想法。因为 Dart 不仅仅在语言本身,包括它的整个生态圈,都比 JavaScript 落后了一...

局长
2016/11/13
5.5K
10
AngularDart Material Design 按钮

MaterialButtonComponent Selector:<material-button> 平面或凸起按钮,带有可选的波纹效果。 Attributes: 以下属性通常与<material-button>一起使用: icon:如果存在,则删除按钮的最小宽度...

scooplol
2018/09/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

四、RabbitMQ3.7在CentOS7下的安装

安装依赖 sudo yum install -y gcc gcc-c++ glibc-devel make ncurses-devel openssl-devel autoconf java-1.8.0-openjdk-devel git 创建yum源 vi /etc/yum.repos.d/rabbitmq-erlang.repo [......

XuePeng77
今天
2
0
android 延长Toast的时长

示例:myToast(5000,"hello"); public void myToast(int showTime, String msg) { Toast hello = Toast.makeText(getActivity(), msg, Toast.LENGTH_SHORT); new CountDownTimer(......

雨焰
昨天
4
0
浅谈mybatis的日志适配模式

Java开发中经常用到的日志框架有很多,Log4j、Log4j2、slf4j等等,Mybatis定义了一套统一的日志接口供上层使用,并为上述常用的日志框架提供了相应的适配器。有关适配器模式例子可以参考 设计...

算法之名
昨天
13
0
大数据教程(13.6)sqoop使用教程

上一章节,介绍了sqoop数据迁移工具安装以及简单导入实例的相关知识;本篇博客,博主将继续为小伙伴们分享sqoop的使用。 一、sqoop数据导入 (1)、导入关系表到HIVE ./sqoop import --connect...

em_aaron
昨天
3
0
Git cherry-pick 使用总结

应用背景:假设现在有两个分支:dev_01, dev_02. 如果我想把dev_01分支上的某几个commit合并到dev_02分支, 那么怎么办呢? 这就是cherry-pick的工作了。cherry-pick会捡选某些commit, 即把某...

天王盖地虎626
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部