angularJS控制台日志正确,但没有输出

我有一个电子应用程序,假设要走一个目录 ,并将dir的内容列入侧栏nav

我正在使用这个库来演绎这个目录。 我得到正确的控制台输出如下所示,但我想我做错了,我可以看到在HTML页面上的输出。

在这里输入图像描述

正在行走目录的文件的代码是

var fs = require('fs-extra'); var app = angular.module('music', []); app.controller('ctrl', function($scope, $http) { var list = []; var _id = 0; fs.walk('/home/a0_/Music') .on('data', function(item) { list[_id] = {'song':item.path} _id = _id + 1; } ) .on('end', function() { console.log(list); _id = 0; } ); $scope.data = list; }); 

在获取范围数据我试图通过使用ng-repeat循环数据,但似乎我没有做正确的,因为我不能看到输出。 我究竟做错了什么?

 <body ng-app="music"> <div class="site-wrapper"> <div class="col-sm-3 side-nav" ng-controller="ctrl"> <h3><a href="#" data-toggle="modal" data-target="#myModal">Music</a></h3> <hr> <div ng-repeat="song in data"> <a href="#"> {{ song }} </a> </div> </div> 

整个代码在github上

它应该是:

 <div ng-repeat="song in data"> <a href="#"> {{ song.song }} </a> </div> 

这是常见的JavaScript和访问一个项目,我们需要做到这一点(在Angular相同):

 var song = [{ song: "test 1" }, { song: "test 2" }]; console.log(song[0].song); 

从输出中,我可以看到在控制台中,你正在循环的对象的数组,每个对象都有一个属性"song" ,你正试图显示。 你不应该打印{{song.song}}而不是{{song}} ? 因为{{song}}指向像{song: ...}这样的对象字面值。