AngularJS - 关闭模态功能不起作用

Question

我使用了一个简单的弹出窗口,ui.bootstrap但我似乎无法使OK和CLOSE按钮工作.我在这个示例代码中缺少什么？

以下是plunkr的示例代码

谢谢

**添加了精确的代码图像

Answer 1

close并且dismiss是$modalInstance返回的对象的方法$modal.open:

$scope.open = function() {
    $scope.$modalInstance = $modal.open({
        scope: $scope,
        templateUrl: "modalContent.html",
        size: '',
    })
};

$scope.ok = function() {
    $scope.$modalInstance.close();
};

$scope.cancel = function() {
    $scope.$modalInstance.dismiss('cancel');
};

您的代码的另一个问题是您需要scope: $scope在模态配置中指定.如果您希望模态模板中的范围是您定义ok/cancel方法的子范围,则必须执行此操作.

修正演示:http://plnkr.co/edit/Y5s4yPm1TZB8S9nfO5CA？p = preview