javascript - Angular 引导 ui 模态

Question

我在这里问了一个问题: Angular Boostrap Modal Service它提供了代码示例，我需要从另一个 Controller 打开一个模式。我已经成功地显示了模式，但我正在努力连接“确定”、“取消”按钮。我的代码仍然与这个问题中的相同。我需要从不同的 Controller 创建模态，但我只是不知道应该如何设置它，我真的很感激一些帮助，我对 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 的 Controller 内(其中包含此处的示例:https://angular-ui.github.io/bootstrap/

谢谢

Answer 1

您在模态声明中缺少对 Controller 的引用，并且在模板中您可以省略 $ctrl 前言，或者您可以提供一个 controllerAs 属性来指定 Controller 的名称。所以你的代码应该像这样。

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' 
  }) 
};