Angular - 如何在页面按钮被按下后更新页面？

确定，所以我有如下一个配置文件设置页：Angular - 如何在页面按钮被按下后更新页面？

<form action="/profileSettings" method="post"> 
     Full Name:<br> 
     <input type="text" name="fullname" value='{[user.fullname]}'><br> 
     About:<br> 
     <input type="text" name="about" value='{[user.about]}'><br> 
     Birthday:<br> 
     <input type="text" name="birthday" value='{[user.birthday]}'><br> 
     E-mail:<br> 
     <input type="text" name="email" value='{[user.email]}'><br> 
     Location:<br> 
     <input type="text" name="location" value='{[user.location]}'><br> 
     <input type="submit" value="Submit"> 
</form>

的数据通过一个角控制器传递回它，如下：

mainApp.controller('profileController', ['$scope', '$http', function($scope, $http){ 
    $scope.user = ''; 

    $http.get('/api/user', {params: { id: idFromSomewhere }}) 
     .success(function(res){ 
      $scope.user = res.user; 
     }) 
     .error(function(data, status){ 
      console.log(data); 
     }); 
}]);

的/ API /用户只是夹头背面一个“配置文件已经更新”的响应，当它完成了一些。我想要做的是：

通过更新配置文件信息的按钮进行通话。这半工程，但我必须手动刷新页面才能看到更新的信息。
处理“帖子已更新”的响应，然后我需要在该站点上为其动画。不知道这个呢。
在配置文件设置页面上显示更新的信息。

看起来像一个非常普遍的事情，必须有一些Angular原生为它。

任何输入都会帮助你。谢谢，傻眼

来源

2016-07-26 Shayan Khan

尝试使用NG提交它将把数据传回服务器并重新加载当前页面，您可以点击这里参考 https://docs.angularjs.org/api/ng/directive/ngSubmit

来源

2016-07-26 12:08:44

感谢ng-submit解决方案 - 我认为这对我很有用。我会给它一个镜头，并在这里更新每个人。此外，关于“你的帖子已更新”的任何想法？ –

没有得到你的问题？ –

让我有一个正确的想法之前，我正式要求:) - 谢谢你的帮助无论如何 –

你可以简单地把你的GET呼叫功能和您的文章叫你可以调用get函数的成功...更新后的值将反映实际上不重装或刷新页面..

$scope.func=funtion(){ 
    $http.get('/api/user', {params: { id: idFromSomewhere }}) 
      .success(function(res){ 
       $scope.user = res.user; 
      }) 
      .error(function(data, status){ 
       console.log(data); 
      }); 
}

和成功回调OG您的帖子...你可以打电话这样得到这样的方法..

$http.post(...).success(function(){ 
$scope.func(); 
}

来源

2016-07-26 12:13:04

Angular - 如何在页面按钮被按下后更新页面？

回答

相关问题