AngularJs mfb 指令浮动按钮

Question

我正在尝试动态了解带有浮动按钮的 angularJs 实现（mfb 指令）。在试图理解有几个问题时，我无法理解

问题 1：

单次迭代ng-repeat无法形成菜单 在尝试从 JSON 动态填充 4 个按钮（ButtonMenu + 3 Buttons）时，我需要运行 ng-repeat 两次以形成菜单。

  <nav ng-if="$first" mfb-menu position="bl" effect="zoomin" label="{{menu.name}}" ng-repeat="menu in menus">
  <a ng-if="!$first" mfb-button icon="{{menu.name}}" label="{{menu.name}}" ng-repeat="menu in menus"></a>
</nav>

试图通过单次迭代菜单来实现这一点，尝试了所有已知的选项，但没有一个奏效。

问题 2： 为按钮分配点击动作

我正在尝试将操作分配给每个按钮单击从 MFB 菜单按钮开始到其他所需的按钮，使用 data-ng-click 和 menu.id 作为参数来识别和处理单击的按钮。当我单击时，mfb 菜单按预期工作，但如果我单击 mfb 按钮。它发送 2 个事件，第一个事件是分配给按钮的事件，第二个事件是分配给 mfb-menu 的事件

附加plunker供参考：Plunker ref

请求一些指导

Answer 1

我认为对于 ng-repeat，您可以使用条件属性，我认为唯一的区别是您的属性会发生变化。

 ng-attr-position="{{$index < 3 ? 'b1' : undefined}}"

这样你只需要使用一个 ng-repeat。