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



我有一个使用AngularJS的应用程序。我有一个联系我们的页面,在我填充的名称,基于登录用户的电子邮件字段。现在让我们说用户更新他/她的名字或电子邮件从个人资料页面,这应该反映在联系我们页面。contact us页面被加载为模态对话框,更新的值直到我重新加载页面才会反映出来。

$modal.open{…})返回一个result属性为promise的对象:

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

是一个承诺。您可以附加一个成功处理程序来更新控制器中的数据。当你关闭模态是否使用$modalInstance。在HTML中使用$close或$close,不要忘记用newUserName作为参数调用它。

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

让我们在个人资料页面中…你有一个模态....嗯,比如说$scope.name。如果你从配置文件页面内部触发联系人页面模态对话框——这意味着联系人页面是配置文件页面的子页面……在你的html中,你可以说:

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

有道理吗?

最新更新