首页 / 日志 / javascript-Angular JS控制台日志正确但没有输出

javascript-Angular JS控制台日志正确但没有输出

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-Angular JS控制台日志正确但没有输出，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1114字，纯文字阅读大概需要2分钟。

内容图文

我有一个电子应用程序,该应用程序应该走到目录并将目录的内容列出到侧边栏导航中

我正在使用this库走目录.我得到了正确的控制台输出,如下所示,但我想我做错了什么,我可以在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);

内容总结

以上是互联网集市为您收集整理的javascript-Angular JS控制台日志正确但没有输出全部内容，希望文章能够帮你解决javascript-Angular JS控制台日志正确但没有输出所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/664938.html

来源：【匿名】