Не удается получить доступ к локально сохраненному файлу [data.json] при использовании углового проекта

Question

Я хочу показать записи в datatable.Данные поступают из файла data.json.но я не могу получить данные из файла.

Ниже приведен мой код для доступа к данным.

(function() {
  angular
    .module('app')
    .controller('AppController', function(
      $http,
      DTOptionsBuilder,
      DTColumnBuilder
    ) {
      vm = this;

      vm.details = [];

      vm.dtOptions = vm.dtOptions = DTOptionsBuilder.newOptions().withOption(
        'scrollX',
        true
      );

      vm.showDetails = function(index) {
        alert(JSON.stringify(vm.details[index], null, 4));
      };

      $http.get('data.json').then(function(response) {  // here is the file
        vm.details = response.data;
      });
    });
})();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Я использую в asp.net проект для его реализации.

Для полной информации посмотрите здесь

Я сделал почти все, но у меня нет доступа к файлу data.json.Пожалуйста, предложите, как я могу получить к этому доступ.