Angularjs 从引导UI中的Modal获取数据

我一直在积极开发一款使用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和用户输入的文本时，它不起作用<代码>新项目未定义。但是，在标记中，您可以看到

ng model=“newItem.data”

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

---

谢谢大家!

关闭模式时，您并没有将结果传回打开模式的控制器，您只需要在模式的控制器中添加以下内容：

$modalInstance.close（$scope.newItem）

看

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