Question

我有一个网页，我已经实现了bootstrap模式对话框。我想在模式对话框中单击按钮时从主控制器调用一个方法，我想将值传递给方法。我怎样才能做到这一点。

Answer 1

看看我创建的这个plnkr：http://plnkr.co/edit/2VuKmVidfMpnkSigeips?p=preview

这是创建模态对话框的方法：

$scope.onClick = function() {
      var modalInstance = $modal.open({
        templateUrl: 'content.html',
        controller: 'ModalInstanceCtrl',
        size: 'sm',
        resolve: {
          item: function () {
            return $scope.item;
          }
        }
      });

      modalInstance.result.then(function (returnedInput) { <-- This is where you expect the value passed to modalInstance.close(value).
        $scope.test = returnedInput;  
      }, function() {
        // dismissed with cancel button
      })

    };

想法是按OK时调用close（）：

$modalInstance.close($scope.myinput);

将数据从模态对话框的控制器传回主控制器。

修改我更新了plnkr，以显示如何在不关闭模态的情况下直接从模态更改主控制器中项目的状态。实质上，您希望从模态调用某些方法来更改主控制器中对象的状态。

Twitter Bootstrap Modal从父控制器调用方法

1 个答案: