角度引导 UI 模态

Question

我在这里问了一个问题：角度助推器模态服务其中提供了代码示例，我需要从另一个控制器打开一个模式。 我已经设法获得了模态显示，但我正在努力连接好的取消按钮。我的代码仍然与这个问题中的代码相同。我将需要从不同的控制器创建模态，但我只是无法弄清楚应该如何设置它，我真的很感激这方面的帮助，我仍然是 Angular 的新手。

在 StaffController 中加载模式的示例

$scope.editmodal = function EditModal() {
  var modalInstance = $uibModal.open({
    templateUrl: 'myModalContent.html',
    scope: $scope, //passed current scope to the modal
    size: 'sm',
    closeButtonText: 'Close',
    actionButtonText: 'OK'
  });
};

模态的代码位于一个名为：ModalController 的控制器中(这里包含示例：https://angular-ui.github.io/bootstrap/

谢谢

Answer 1

模态声明中缺少对控制器的引用，在模板中可以省略$ctrl前言，也可以提供一个 controllerAs 属性，为控制器指定该名称。所以你的代码应该是这样的。

.HTML：

<button class="btn btn-primary" type="button" ng-click="ok()">OK</button> 
<button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>

.JS：

$scope.editmodal = function EditModal() { 
  var modalInstance = $uibModal.open({ 
    templateUrl: 'myModalContent.html', 
    controller: 'ApiStaffController', 
    size: 'sm' 
  }) 
};