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 - 如何在頁面按鈕被按下後更新頁面？

回答

相關問題