AngularDart Material Design 选择

2019独角兽企业重金招聘Python工程师标准>>>

MaterialSelectComponent

Selector:

材料选择是用于从集合中选择项目的容器，使用复选图标标记所选选项。

可以手动（在模板中）或通过SelectionOptions实例指定选项。 可以通过模板或通过检查选择模型将选项标记为已选择。

Inputs:

MaterialSelectItemComponent

Selector:

材料选择项是一种特殊的列表项，可以选择。

对于可访问性，应该包含在具有role =“listbox”和aria-multiselectable的元素中，除非将role设置为“option”以外的其他内容。

Inputs:

Outputs:

MaterialDropdownSelectComponent

Selector:

Material Dropdown Select是按钮触发的下拉列表。

material-dropdown-select组件结合了material-select和material-button-down的API。

当与单个选择模型一起使用时，下拉选择时关闭。 使用多选模型时，用户必须通过单击其外部来关闭下拉列表。

可以通过传递material-select-item元素手动声明选择选项。 使用声明性API时，不会注入SelectionModel和SelectionOptions，因此将项目标记为选中不是自动的。

如果OptionGroup为空并且已定义emptyLabel，则下拉列表将包含其他组。 如果没有为空组定义emptyLabel，它将不会出现在列表中。

通过SelectionOptions实现的ObserveAware接口支持异步建议。

材料选择具有固定的最大高度和自动溢出。 一旦有用例，我们可以为自定义最大高度添加属性。

请参阅示例以了解用法

Attributes:

Inputs:

Outputs:

DropdownButtonComponent

Selector:

一个专门用于下拉菜单的按钮。

默认情况下，此按钮呈现为带有三角形图标和下划线。 组件本身没有弹出窗口，但可用于构建未提供的下拉列表。 对具有相同按钮样式的组件使用material-dropdown-select，并实现下拉列表本身。

Inputs:

Outputs:

displayNameRendererDirective

Selector: <[displayNameRenderer]>

将此伪指令添加到任何SelectionContainer或SelectionItem组件以呈现HasUIDisplayName对象。

查看源码。

MaterialSelectDemoComponent

MaterialDropdownSelectDemoComponent

查看示例，查看源码。

转载于:https://my.oschina.net/u/3647851/blog/2049783