Как динамически обновлять таблицу на HTML-странице, используя Angular

Question

Я работаю над созданием веб-страницы, которая отображает данные в таблице. Данные в таблице должны измениться при нажатии кнопки. (Данные из разных URL должны быть заполнены в таблице.

Я могу успешно заполнить и показать данные по умолчанию. Я использовал функцию onclick, где я вызвал новые данные URL, но он не работает

//Storing results in empData
app=angular.module('app',[]);
  app.controller('MyCtrl',function($scope,$http){
      $http.get("url")
      .success(function(response){
       $scope.empData=response;
       })
      .error(function(){
      });
     });

//this function is called on clicking the button to update the data.
function myFunction()
  {
app=angular.module('app',[]);
  app.controller('MyCtrll',function($scope,$http){

      $http.get("newurl")
      .success(function(response){
       $scope.empData=response;
       $scope.reverse=true;
       })
.error(function(){
      });
     });

Пожалуйста, предоставьте мне решение для изменения значений empData при нажатии на butoon