Angular Material - Fab Speed Dial

Angular Material - Fab Speed Dial - 从简单和简单的步骤学习角度材料，从基本到高级概念，包括概述，环境设置，自动完成，底部工作表，按钮，卡片，复选框，芯片，联系芯片，内容，DatePicker，对话框，分频器，Fab速拨，Fab工具栏，网格，图标，输入，布局，列表，菜单，菜单栏，进度条，单选按钮，选择，SideNav，滑块，子标题，滑动，开关，标签，主题，敬酒，工具栏，工具提示，排版，虚拟重复，WhiteFrame。

md-fab-speed-dial ，Angular指令，用于显示一系列弹出元素或按钮，以便快速访问常用操作.

属性

下表列出了 md-fab-speed-dial 的不同属性的参数和说明.

Sr.No	参数&说明
1	* md-direction 这决定了快速拨号相对于触发元素的显示方向.
2	md-open 这有助于以编程方式控制快速拨号是否可见.

Sr.No

参数&说明

* md-direction

这决定了快速拨号相对于触发元素的显示方向.

md-open

这有助于以编程方式控制快速拨号是否可见.

示例

以下示例显示了md-fab-speed-dial指令的使用以及快速拨号的使用.

am_speeddial.htm

                                                                        angular            .module('firstApplication', ['ngMaterial'])            .controller('speedDialController', speedDialController);         function speedDialController ($scope) {            this.topDirections = ['left', 'up'];            this.bottomDirections = ['down', 'right'];            this.isOpen = false;            this.availableModes = ['md-fling', 'md-scale'];            this.selectedMode = 'md-fling';            this.availableDirections = ['up', 'down', 'left', 'right'];            this.selectedDirection = 'up';         }                                                                                                                                                                  menu                                                                                                                                                   add                                                                                                                  insert_link                                                                                                                  mode_edit

Direction

Open/Closed

Open Animation Modes

结果

验证结果.