Инициализировать массив с помощью функции Javascript

Question

Я создал HTML-страницу, которая позволит мне добавлять и удалять маршруты из списка с помощью JS.Я определил массив с 5 различными маршрутами.

Я хочу сделать функцию, которая инициализирует текущие данные, которые я сохранил, и при загрузке страницы содержит только 5 маршрутов, которые я определил вконтроллер.Это также должно немного очистить мой код.

Вот мой код в файле controller.js;

angular.module("itsItinerary").controller("itineraryController", function ($scope, $http){    // Array of Itinerarys
$scope.isEditing = false;   // 
$scope.itineraries = [
    {
        id: 1,
        itiName: "October Business Development trip 2020",
        destination: "Germany",
        purpose: "Work",
        startDate: new Date("2020-10-03"),
        endDate: new Date("2020-10-10")
    },
    {
        id: 2,
        itiName: "November Client-site visit 2020",
        destination: "America",
        purpose: "Work",
        startDate: new Date("2020-11-05"),
        endDate: new Date("2020-11-08")
    },
    {
        id: 3,
        itiName: "January Scoping visit 2021",
        destination: "China",
        purpose: "Work",
        startDate: new Date("2021-01-15"),
        endDate: new Date("2021-01-23")
    },
    {
        id: 4,
        itiName: "May Recruitment visit 2021",
        destination: "India",
        purpose: "Work",
        startDate: new Date("2021-05-21"),
        endDate: new Date("2021-05-30")
    },
    {
        id: 5,
        itiName: "July Conversion visit 2021",
        destination: "Germany",
        purpose: "Work",
        startDate: new Date("2021-07-08"),
        endDate: new Date("2021-07-15")
    }

]; 

Спасибо, что нашли время ответить