文档章节

AngularDart Material Design 菜单

scooplol
 scooplol
发布于 2018/09/11 17:47
字数 516
阅读 12
收藏 0

 MaterialMenuComponent

Selector: <material-menu>

材质菜单基于MenuModel对象呈现菜单。 此菜单包含material-popup中的material-listmaterial-button,其文本或图标可由调用者指定。

单击按钮时菜单会扩展,当选择项目或单击下拉菜单外的区域时,菜单会关闭。

Inputs:

  • ariaLabel String 
    按钮触发器的Aria标签。
     
  • buttonText String 
    触发按钮文本。 如果MenuModel有图标,则忽略。
     
  • closeMenuOnClick bool 

    如果为true,则在菜单打开时单击触发按钮将关闭材质菜单。

    否则,在菜单已打开时单击触发按钮将不会执行任何操作。
     

  • disabled bool 
    菜单是否被禁用。
     

  • isExpanded bool 
    菜单是否开放打开。
     

  • menu MenuModel<dynamic> 
    显示的菜单。
     

  • popupClass String 

    要附加到菜单弹出窗口的CSS类。

    这些CSS类将被复制到弹出窗口叠加层中。 当弹出窗口打开时,这些类可用于在叠加层中选择DOM元素。
     

  • preferredPositions Iterable<dynamic> 

    传递给材质弹出组件的首选位置。

    有关此参数的含义,请参见PopupInterface文档。
     

  • width dynamic 
    菜单宽度。

Outputs:

  • isExpandedChange Stream<bool> 
    扩展菜单时输出事件。
     
  • focus Stream<FocusEvent> 
    元素聚焦时的事件。 
     
  • trigger Stream<void> 
    触发菜单按钮时输出事件。

MaterialFabMenuComponent

Selector: <material-fab-menu>

带有可选子菜单的fab菜单项。

Inputs:

  • menuItem MenuItem<dynamic> 

    MenuItem,用于定义此菜单的外观和行为。

    如果项目具有没有空项目组的子菜单,则会通过单击或悬停显示菜单。
     

  • naviId String 
    内部使用的ID。
     

  • preferredPopupPositions List<RelativePosition> 
    菜单弹出窗口的弹出位置显示在。
     

  • trackLayoutChanges bool 

    设置建议列表是否随输入框滚动。

    这是一个传递属性,如PopupInterface中所定义。
     

  • viewModel MaterialFabMenuModel 
    设置此组件的视图模型。

Outputs:

  • onShow Stream<void>
    fab打开时发出通知。

MaterialMenuDemoComponent

MaterialFabMenuDemoComponent

查看示例,查看源码

© 著作权归作者所有

共有 人打赏支持
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 列表

MaterialListComponent Selector: <material-list> 材料列表是用户要与之交互的一组项目的容器组件。 它构成了选择和菜单组件的基础。 MaterialListComponent类充当提供样式和收集项事件的能...

scooplol
2018/09/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

带你看数据挖掘与机器学习-厦大EDP上课出勤预测

带你看数据挖掘与机器学习-厦大EDP上课出勤预测 标签: 数据挖掘 特征工程 机器学习 出勤预测 write by xmhexi 2019/3/22 内容提要 首先说明本文是一篇科普文章,通过一个实际案例,帮助理解什...

xmhexi
今天
43
0
IOS  学习记录

1.StackView=>IOS 9及以上支持 2.布局方式: AutoLayout / StackView 堆布局 (线性布局) 3.屏幕适配 (资源分辨率、设计分辨率、屏幕分辨率) Size Class技术 可以针对 屏幕的方向进行设置...

萨x姆
今天
4
0
第四次工业革命:自主经济的崛起

https://36kr.com/p/5170370.html

shengjuntu
昨天
3
0
Cloud Native 与12-Factor

12-Factor(twelve-factor),也称为“十二要素”,是一套流行的应用程序开发原则。Cloud Native架构中使用12-Factor作为设计准则。 12-Factor 的目标在于: 使用标准化流程自动配置,从而使...

waylau
昨天
10
0
java多线程2

“非线程安全”问题存在于“实例变量”中,如果是方法内部的私有变量,则不存在线程安全问题。这是因为方法内部的变量都是私有造成的。 synchronized 获取的都是对象锁。如果多个线程访问多个...

一滴水穿石
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部