Question

我在这里问了一个问题： Angular Boostrap Modal Service 提供代码示例，我需要从另一个控制器打开一个模态。我已经设法得到模态显示，但我正在努力连接好，取消按钮。我的代码仍然与此问题相同。我将要求从不同的控制器创建模态，但我无法弄清楚它应该如何设置，我真的很感激一些帮助，我仍然是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' 
  }) 
};

角度bootstrap ui模态

1 个答案: