The speed dial supports many advanced usage scenarios. This demo shows many of them mixed together.
You can easily use ng-repeat
with the speed dial, but it requires a slightly
different HTML structure in order to support the necessary DOM changes/styling.
Simply ensure that your ng-repeat
is on a div
(or any other tag)
that wraps your items.
You can also use the buttons to open a dialog. When clicked, the buttons above will open a dialog showing a message which item was clicked.
The speed dial also supports hiding using the standard ng-hide
attribute.
Each action item supports a tooltip using the standard approach as can be seen above.
You can also easily setup the speed dial to open on hover using the
ng-mouseenter
and ng-mouseleave
attributes.
See the example code for more information.