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: ...}
这样的对象字面值。