Question

我要实现类别列表选择菜单。我有一个按钮，添加了一个菜单，该菜单会打开所有可能的类别值，具体取决于按钮所在的项目。

需要填充的类别值基于服务器上驻留的特定逻辑，并且应该允许用户仅映射到这些类别。

下面是代码

<md-menu md-position-mode="target-left bottom">
  <md-button class="md-icon-button md-mini" md-menu-origin ng-click="getCategoryValues(item.type); $mdMenu.open($event)">
    <md-icon class="md-primary">add</md-icon>
  </md-button>
  <md-menu-content>
    <md-menu-item ng-repeat="cat in remoteCategories">
      <md-checkbox ng-model="cat.isAdded">{{ cat.name }}</md-checkbox>
    </md-menu-item>
    <md-menu-item>
      <md-button class="md-primary">Done</md-button>
    </md-menu-item>
  </md-menu-content>
</md-menu>

getCategoryValues（）函数接受项目类型并向服务器进行Ajax调用，并在响应中填充范围变量 remoteCategories 。

我考虑过将ng-repeat包含在promise中，但这引发了一些未知的错误。

这里的问题是菜单在ajax响应到来之前就已经打开了。

我也无法从客户端脚本中打开菜单。看来只有在视图中的指令 md-menu 中调用 $ mdMenu.open（$ event）时，它才起作用。

请帮忙。

先谢谢了。 u路

来自Ajax响应的md-menu md-menu-item

0 个答案: