角度材料指令不适用于 ng-repeat答案

【问题标题】：Angular material directive not working with ng-repeat角度材料指令不适用于 ng-repeat
【发布时间】：2016-04-06 09:42:59
【问题描述】：

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>

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

如何解决这个问题，使动画表现得像 Angular Material Design 演示中的那样？

谢谢！

【问题讨论】：

标签： angularjs angularjs-directive angular-material

【解决方案1】：

需要将内容包装在一个重复的 div 中。 https://github.com/angular/material/issues/8079

【讨论】：

【解决方案2】：

是的，安德里亚是正确的。做吧

<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>

【讨论】：