spa2.js

// Angular JS code
var app = angular.module('website', [])
app.service('dataService', function() {
            this.UIData = {
                BorderedTable: [[
                    "index.html",
                    1266,
                    32.3 % ,
                    321.33
                ], [
                    "about.html",
                    261,
                    33.3 % ,
                    234.12
                ]],
                BorderedWithStrippedTable: [[
                    "index.html",
                    1266,
                    32.3 % ,
                    321.33
                ], [
                    "about.html",
                    261,
                    33.3 % ,
                    234.12
                ]],
                BasicTable: [[
                    "index.html",
                    1266,
                    32.3 % ,
                    321.33
                ], [
                    "about.html",
                    261,
                    33.3 % ,
                    234.12
                ]],
                StripedRowsTable: [[
                    "index.html",
                    1266,
                    32.3 % ,
                    321.33
                ], [
                    "about.html",
                    261,
                    33.3 % ,
                    234.12]]
                }
          });
        
       app.controller('MainController', function($scope, dataService) {
            $scope.data = dataService.UIData;
            $scope.addBorderedTableRow = function(data){
              $scope.data.BorderedTable.push(data);           
            }
            // Similarly define another handlers
        });