angularJs를 사용하는 페이지 새로 고침

Question

나는 angularJS에 초보자입니다. CRUD 작업으로 학습을 시작했습니다. 나는 다음 항목을 delete 때 페이지가 reload

내가 너무 $location 및 $route를 통과해야하는 문제를 얻고있다. 그때로 쓰고

config

app.config(function ($locationProvider, $routeProvider) { 
    $locationProvider.html5Mode(true); 
    $locationProvider.hashPrefix = '!'; 

    $routeProvider.when('/', { 
     templateUrl: '/views/index.html', 
     controller: 'MainCtrl' 
    }); 
    $routeProvider.when('/this',{ 
     templateUrl: '/views/about.html', 
     controller: 'MainCtrl' 
    }); 
}); 

과 행동의 성공 : 그리고 다음과 같이 구현

$location.path('/this'); 

을하지만 난 http://localhost/someapp에서 http://this하지만 페이지로 다음 url 변경이 작업을 수행 할 때 새로 고침하지 않습니다. 이 경우 어떻게해야합니까? 제발 도와주세요.

Edit : 여기

은 내 deletion code : 모든 데이터가 $scope.samples에 저장됩니다

$http({ 
    method: 'GET', 
    url: 'test.php' 
}). 
success(function (data, status, headers, config) { 
    $scope.samples = data; 
}). 
error(function (data, status, headers, config) { 
    alert("Unable to load data."); 
}); 

반환 : 나는 PHP 파일에서 데이터를 얻고 초기화에

$scope.deletecode = function (id) { 
    name = ''; 
    if (confirm("are you sure to Delete the name")) { 
     $http({ 
      method: 'POST', 
      url: 'rohit.php', 
      data: { 
       "name": name, 
       "id": id, 
       "delete": "true" 
      }, 
     }). 
     success(function (data, status, headers, config) { 
      alert("data deleted successfully"); 
      $location.path('/this'); 
     }). 
     error(function (data, status, headers, config) { 
      alert("Unable to load data."); 
     }); 
    } else { 
     alert("Data deletion cancelled by user ... "); 
    } 
}; 

두 가지 user_id 및 name

Answer 1

http 요청으로 서버에서 항목을 삭제하지만 클라이언트 측 코드에서 삭제하지 않으므로보기가 업데이트되지 않습니다. 서버에서 삭제 된 클라이언트 측 코드도 클라이언트 측 코드에서 삭제하려고합니다.

// all items in an array 
$scope.items = [item1, item2]; 
// delete an item 
$scope.deletecode = function (id) { 
    name = ''; 
    if (confirm("are you sure to Delete the name")) { 
     $http({ 
      method: 'POST', 
      url: 'rohit.php', 
      data: { 
       "name": name, 
       "id": id, 
       "delete": "true" 
      }, 
     }). 
     success(function (data, status, headers, config) { 
      alert("data deleted successfully"); 
      // at this point, the item has been deleted from your server 
      // remove it from $scope.items as well 
      // removes 1 item at index idx 
      $scope.items.splice(idx, 1); 
     }). 
     error(function (data, status, headers, config) { 
      alert("Unable to load data."); 
     }); 
    } else { 
     alert("Data deletion cancelled by user ... "); 
    } 
};