Question

我一直在积极开发使用AngularJS和Bootstrap的应用程序。为了提供帮助，我已经包含了Bootstrap UI框架。我正在成功打开一个对话框并关闭对话框。但是，当用户点击“保存项目”时，我不确定如何实际“获取”数据。

如上面的Plunker所示，我的控制器定义如下：

  var modalInstance = $modal.open({
    templateUrl: 'item-dialog.html',
    size: 'sm',
    controller: function($scope, $modalInstance) {
      $scope.saveItem = function () {
        alert('Saving...');

        alert('ID: ' + $scope.newItem.typeId);
        alert('Data: ' + $scope.newItem.data);
      };

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

当我去显示用户选择的项目的ID以及用户输入的文本时，它不起作用。 newItem未定义。但是，在标记中，您可以看到ng-model="newItem.data"

如何获取用户在控制器中输入的信息？

谢谢！

Answer 1

当您关闭它时，您没有将结果传回控制器打开模态，您只需要在模态控制器中添加它：

$modalInstance.close($scope.newItem);

请参阅plunk。

另一件事：我发现如果你没有手动初始化角度ui的模态控制器的$scope上的对象，它们就不会被正确绑定，因此控制器中的$scope.newItem={}模态。

在Bootstrap UI中从Modal获取数据

1 个答案: