【问题标题】:How to display form submission status in AngularJS [closed]如何在AngularJS中显示表单提交状态[关闭]
【发布时间】:2015-02-06 12:15:54
【问题描述】:

我开始研究 Angular JS,发现这个框架到目前为止很棒。

我有一个关于表单提交最佳实践的问题。

我有一个包含ng-controllerng-submit 指令的更新数据表单,它使用get 加载和posts 提交数据从服务器加载数据。

我的问题是,当用户单击提交按钮时,我如何表明某事正在实际发生?例如。在处理操作时显示活动指示器,并在处理后显示某种成功或失败消息。

我之前使用 jQuery 为 ajax 表单执行此操作,我是否仍然使用 jQuery 或在 Angular JS 中有其他我不知道的工具?

谢谢

【问题讨论】:

    标签: angularjs forms activity-indicator


    【解决方案1】:

    在 Angular 中使用 AJAX Promise 非常简单。看看this post。在处理您的请求时,您可以显示加载图标/文本:

    $scope.loading = true;
    $http.post("http://example.appspot.com/rest/app", {"foo":"bar"})
    .success(function(data, status, headers, config) {
        $scope.data = data;
        $scope.loading = false;
    }).error(function(data, status, headers, config) {
        $scope.status = status;
        $scope.loading = false;
    });
    

    然后只需隐藏和显示表明您的加载状态的任何内容:

    <p ng-show="loading">LOADING</p>
    

    【讨论】:

    • 太棒了!谢谢,正是我所要求的。合法的问题和有用的答案将帮助很多人。不明白那些投票结束问题的人:(
    猜你喜欢
    • 2013-12-27
    • 1970-01-01
    • 2018-02-21
    • 2016-01-09
    • 2013-01-13
    • 1970-01-01
    • 2023-03-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多