在Bootstrap UI中从Modal获取数据

Question

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

My Plunker is Here

如上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={}。