带有Angular JS弹出选项的下拉菜单

Question

我想使用AngularJs的下拉菜单，我可以打开弹出窗口，在单页应用程序中添加额外的项目。

AngularJs有这样的机会吗？

我怎样才能做到这一点？

（实施例）

Answer 1

您需要http://plnkr.co/edit/LYOEntdgLbONNAzH0Ove?p=preview

之类的内容吗？

为每个值定义模态模板 - modal1，modal2，..

<script type="text/ng-template" id="modal1.html">
  <div class="modal-header">
    <h3 class="modal-title">modal1 - {{ action }}</h3>
  </div>
  <div class="modal-body">
    modal1
  </div>
  <div class="modal-footer">
    <button class="btn btn-primary" type="button" ng-click="ok()">OK</button>
    <button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>
  </div>
</script>

和这个功能

$scope.showModal = function(action) {
  if (!$scope.modes.mode) return
  $scope.action = action
  $scope.modal = $uibModal.open({
    templateUrl: $scope.modes.mode+'.html',
    scope: $scope
  });
} 

您可以通过按钮ng-click处理程序调用showModal（操作只是为了演示模板/按钮关系）

$scope.delete = function() {
  $scope.showModal('delete')
}
...