【问题标题】:How to send list of files to angularjs options from node.js?如何从node.js将文件列表发送到angularjs选项?
【发布时间】:2017-02-12 11:28:13
【问题描述】:

我正在从node.js 的目录('app/jsonfiles') 中获取文件,但我不确定如何将此文件列表作为select 列表中的选项发送到我的front-end 以编写一个常见的get 请求获取所选文件的数据。

部分Plnkr。请让我知道如何从我的 server.js 获取我的 Angular 中的文件列表以显示在我的下拉列表中,并提前感谢您的帮助!

【问题讨论】:

  • 目前可以从后端获取数据吗?
  • @Ravi Teja,是的,我正在获取这些文件名,它是我控制台上的数据(您可以检查 server.js,正如我提到的):console.log(filename);和 console.log(data[filename]);

标签: javascript angularjs json node.js angularjs-ng-repeat


【解决方案1】:

Main服务注入MainCtrl并调用该服务。

  var app = angular.module('plunker', [MainService]);
    app.controller('MainCtrl', function($scope,$http, $timeout, Main) {
    $scope.JSONFiles = [];

    Main.get().success(function(data){
     data.forEach(function(obj){
      $scope.JSONFiles.push(obj);
     })
     });
    $scope.selectedjson ="";
    $scope.textAreaData = "";
    $scope.optionChanged = function(){
      $scope.textAreaData = $scope.selectedjson;
    }

    });

【讨论】:

  • 这是说 Unexpected token {(at Main.get().success(data){ ) 因此 MainCtrl 不是一个函数,即将出现未定义的错误。
  • Main.get().success(function(data){ data.forEach(function(obj){ $scope.JSONFiles.push(obj); }) }); //}); $scope.selectedjson =“”; $scope.textAreaData = ""; $scope.optionChanged = function(){ $scope.textAreaData = $scope.selectedjson; } 给data.forEach不是函数(还有一个:上面脚本中额外加了},我又去掉了额外的},检查,获取data.forEach不是函数错误,请查)
  • 是的,我已经尝试了上述方法,我得到:TypeError: data.forEach is not a function error。
  • 可以尝试将调试器点放在data.forEach 并查看data 是否已填充.. 来自后端的数据?
猜你喜欢
  • 2021-03-24
  • 2016-02-16
  • 1970-01-01
  • 2014-08-24
  • 2020-11-20
  • 2021-10-10
  • 2018-01-24
  • 2015-10-28
  • 1970-01-01
相关资源
最近更新 更多