javascript - 使用角度项目时无法访问本地存储的 [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文件。请建议我如何访问它。

标签： javascriptasp.netjsonangulardatatable