Advertisement
julong

angular comments

Sep 28th, 2014
252
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.09 KB | None | 0 0
  1. /////////////////////////////////////////////
  2. // app.js
  3. /////////////////////////////////////////////
  4. var commentApp = angular.module('commentApp',['mainCtrl','AddWorkServices'],function($interpolateProvider){
  5. $interpolateProvider.startSymbol('<%');
  6. $interpolateProvider.endSymbol('%>');
  7. });
  8. /////////////////////////////////////////////
  9. // mainCtrl.js
  10. /////////////////////////////////////////////
  11. angular.module('mainCtrl',[])
  12.  
  13. .controller('mainController',function($scope,$http,Comments){
  14. $scope.commentData = {};
  15. $scope.loading = true;
  16. // ดึง service ทั้งหมด factory เข้าไปใน scope comments
  17. Comments.get()
  18. .success(function(data){
  19. $scope.comments = data;
  20. $scope.loading = false;
  21. });
  22.  
  23. // รองรับการ submit forms
  24. $scope.submitComment = function(){
  25. $scope.loading = true;
  26.  
  27. Comments.save($scope.commentData)
  28. .success(function(data){
  29. Comments.get()
  30. .success(function(getData){
  31. $scope.comments = getData;
  32. $scope.loading = false;
  33. });
  34. })
  35. .error(function(data){
  36. console.log(data);
  37. });
  38. };
  39.  
  40. // ลบ comment
  41. $scope.deleteComment = function(id){
  42. $scope.loading = true;
  43.  
  44. // เรียก function ชื่อว่า destroy จาก services
  45. Comments.destroy(id)
  46. .success(function(data){
  47. Comments.get()
  48. .success(function(getData){
  49. $scope.comments = getData;
  50. $scope.loading = false;
  51. });
  52. });
  53. };
  54. });
  55.  
  56. /////////////////////////////////////////////
  57. // commentServices
  58. /////////////////////////////////////////////
  59.  
  60. angular.module('commentServices',[])
  61.  
  62. .factory('Comments',function($http){
  63. return{
  64. get : function(){
  65. return $http.get('/api/comments');
  66. },
  67. show : function(id){
  68. return $http.get('api/comments/'+id);
  69. },
  70. save : function(commentData){
  71. return $http({
  72. method : 'POST',
  73. url: '/api/comments',
  74. headers: {'Content-Type' : 'application/x-www-form-urlencoded' } ,
  75. data: $.param(commentData)
  76. });
  77. },
  78. destroy : function(id){
  79. return $http.delete('/api/comments/'+id);
  80. }
  81. }
  82.  
  83. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement