Angularui Bootstrap模态.范围问题

Question

我对AngularJS的新鲜事物是相当新的，我正在尝试使用" Draggables"创建一个列表，您可以将其放入可排序的4个列表中。我把这个与Angularui可分配的合作。

现在，对于下一部分，我正在尝试编辑内容（功能中的更多选项和设置）。带有来自Angularui-Bootstrap的模态。

我让这个工作可以打开我要编辑的选定项目的内容。

正如您在Plunker中看到的那样，我几乎使它起作用。我唯一无法弄清楚的是如何在按下保存按钮后将{{ item }}成为CC_1。

http://embed.plnkr.co/ttnccrutoobzusmwyltg/preview

Answer 1

我的方法是在模态控制器中保留对原始对象的引用。因此，假设传递的对象是原始的，并且仅在保存表单时才能对其进行修改。使您的代码最少的更改使其正常工作，我想到了这个plunker。

http://plnkr.co/edit/esbezzajsnfmvvv3vmtdc?p=info

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');
    };
};