Angularjs AngularUI引导模式。范围问题

我是AngularJS的新手，我正在尝试创建一个包含“Draggables”的列表，您可以将其放入4个可排序的列表中。我和安古拉瑞·索塔布尔一起工作

现在，对于下一部分，我将尝试编辑内容（功能中的更多选项和设置）。使用AngularUI引导的模式

我用它打开我要编辑的选定项目的内容

正如你在Plunker中看到的，我几乎让它工作了。我唯一想不出的是，在按下保存按钮后，如何使

{{{item}}

成为

{{widgetOption}}

---

我的方法是在模态控制器中保留对原始对象的引用。因此，假设传入的对象是原始对象，并且只有在保存表单时才应该对其进行修改。为了尽可能少地修改代码以使其正常工作，我想出了这个方法

---

谢谢你的例子真的很有帮助！我确实有一个小问题，现在你可以（做一个

.content

）

$scope.ok=function（）{widgetOptions original.content=$scope.widgetOptions.content；$modalInstance.close（$scope.widgetOptions）；}如果我也添加了更多选项，我需要手动添加所有选项吗？由于底部代码不起作用，
$scope.ok=function（）{widgetoptionoriginal=$scope.widgetOptions；$modalInstance.close（$scope.widgetOptions）；}现在的编码方式，是的。必须保留对原始对象的引用，不能替换它，否则将失去与项目列表的关联。在不重写大块代码的情况下，有两种选择：a）使用angular.extend将新对象的属性应用于原始对象b）将代码更改为传入整个列表和索引，然后可以用新对象替换列表中的对象。为angular.extend欢呼，我不知道！谢谢你的帮助！
var modalInstance = $modal.open({
    templateUrl: 'modal.html',
    controller: ModalInstanceCtrl,
    resolve: {
        widgetOptionsLocal: function () {
            return widgetOptions;
        }
    }
});


var ModalInstanceCtrl = function ($scope, $modalInstance, widgetOptionsLocal) {
    var widgetOptionsOriginal = widgetOptionsLocal;
    $scope.widgetOptions = angular.copy(widgetOptionsLocal);

    $scope.ok = function () {
      widgetOptionsOriginal.content = $scope.widgetOptions.content;
       $modalInstance.close($scope.widgetOptions);
    };

    $scope.cancel = function () {
       $modalInstance.dismiss('cancel');
    };
};