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