Question

我有一个使用AngularJS的应用程序。我有一个联系我们页面，我在其中填写基于登录用户的名称，电子邮件字段。现在让我们说用户从个人资料页面更新他/她的姓名或电子邮件，这应该反映在联系我们页面中。联系我们页面将作为模式对话框加载，在重新加载页面之前，不会反映更新后的值。

Answer 1

$ modal.open {...}）返回一个结果属性为promise的对象：

$modal.open({...}).result

是一个承诺。您可以附加成功处理程序以更新控制器中的数据。关闭模式时，无论是在HTML中使用$ modalInstance.close还是$ close，都不要忘记以newUserName作为参数调用它。

function yourCtrl ($scope) {
    $scope.userName = // whatever

    $modal.open({...}).result.then(function (newUserName) {
        // update the userName:
        $scope.userName = newUserName;
    });
}

Answer 2

让我们在个人资料页面说...你有一个模态....嗯，说$scope.name。如果您从“配置文件”页面内部触发“联系人”页面模式对话框 - 这意味着“联系人”页面是“个人资料”页面的子项...在您的html中，您可以说：

<xx>{{$parent.name}}</xx>

有道理吗？

在模态对话框中更新ng-model值

2 个答案: