模态内的角度重复

时间:2016-11-04 13:12:15

标签: angularjs ng-repeat angular-ui-modal

我有一个链接,点击打开一个模态。使用角度ui模态。在模态中我有一行有两个输入和一个添加按钮。单击“添加”按钮,将添加一个新行,其中包含我在输入中输入的文本。我有一个完成按钮,关闭模态。再次打开模态时,我新添加的行丢失了。

1 个答案:

答案 0 :(得分:0)

每当你创建一个新模态时,你将再次运行它背后的代码,有效地删除你对它所做的任何更改,即使你使用的控制器与你创建模式的页面相同。 / p>

要做你想做的事,你必须;

var modal= $uibModal.open({
            templateUrl: ''
            }
        });
modal.result.then(function(array){
    $scope.rowArray = array
}

您的模态关闭功能将是;

$uibModalInstance.close($scope.rowArray);

如果您为模态和主HTML页面使用相同的控制器,此示例将起作用,否则您需要有一个解决方案,让您的$ uibModal.open将其传递给模态控制器,还要将rowArray添加到该控制器的依赖项中。

希望它有所帮助!