角度材料指令不使用ng-repeat

Question

https://material.angularjs.org/1.1.0-rc2/demo/fabSpeedDial

我正在尝试使用各种按钮创建一个md快速拨号。然而，似乎动画停止工作，因为我添加更多按钮与ng-repeat。

这是我的HTML

<div class="markeroptions">
        <md-fab-speed-dial md-direction="up" class="md-fling">
            <md-fab-trigger>
                <md-button aria-label="menu" class="md-fab md-primary">
                    <md-icon md-svg-src="images/location.svg"></md-icon>
                </md-button>
            </md-fab-trigger>

            <md-fab-actions>
                <md-button ng-repeat="mapoption in mapoptions" aria-label="Twitter" class="md-fab md-raised md-mini">
                    <md-icon class="locationicon" md-svg-src="{{mapoption.icon}}" aria-label="Twitter"></md-icon>
                </md-button>
            </md-fab-actions>
        </md-fab-speed-dial>
    </div>

快速拨号正确打开，但当我关闭它时，我遇到了这个问题。

我如何修复此问题，以便动画在角度材质设计演示中表现得像？

谢谢！

Answer 1

需要将内容包装在重复div中。 https://css-tricks.com/examples/ShapesOfCSS/

Answer 2

是的，andrea是正确的。做到这一点

<div ng-repeat="mapoption in map options">
<md-button aria-label="Twitter" class="md-fab md-raised md-mini">
<md-icon class="locationicon" md-svg-src="{{mapoption.icon}}" aria-label="Twitter">
</md-icon>
</md-button>
</div>