javascript—在控制台中看到一个空数组，直到我单击

我对这个很陌生，但我一直在开发一个基本的Angular应用程序，我遇到了一个小问题。我有一个指令，它应该从以下html块接收数据：

<div ng-controller="LeagueShowController">
  {{ViewModel.Price}}
  <bars-chart chart-data="ViewModel.price"></bars-chart>
</div>

我将chart data=“ViewModel.price”更改为简单的chart data=“ViewModel”，以查看我得到了什么，这就是我的问题所在。当这一点被更改，并且我再次在指令中输入console.log scope.data时，我会得到一个和数组为零的对象。但是，如果我点击该对象，我会看到我想要的信息。详情见下文。指令中是否缺少进一步分解对象的步骤

Object {league: k, Price: Array[0]}
   league: k
   Price: Array[4]

编辑： 澄清一下，这不仅仅是一个控制台问题。当我试图实际返回指令中的数据时，当我调用“ViewModel.Price”时，它仍然返回一个空数组

控制器

(function(){
  angular
  .module("leagues")
  .controller("LeagueShowController", [
    "$stateParams",
    LeagueShowControllerFunction
   ]);

  function LeagueShowControllerFunction($stateParams,scope){
    var self = this;
    this.Price = [1,2,3,4];
  }
}());

---

这是我第一次在这里发布这样的帖子，所以请让我知道我是否能更好地发布这样的问题。谢谢你

很遗憾，我不认为这是相同的。这不仅仅是一个控制台问题。当我试图实际返回指令中的数据时，当我调用“ViewModel.Price”时，它仍然返回一个空数组。不过谢谢你看一看！不幸的是，这里没有足够的代码来诊断实际问题。很可能

chartData

来自异步源，因此在调用指令时它还不存在。老实说，没有其他代码可提供。。此时，我的控制器实际上只是一个基本阵列，我正在使用它进行测试。但我不确定这是否是一个异步问题。我提供的最后一个块显示了控制台中的输出，问题是它返回一个零数组，但是当我实际单击那里的对象时，我要查找的数组在里面。这有意义吗？当然有一些代码（chartData包含什么？它来自哪里？）请给出一个完整的例子，或者编辑这个：直到它与您的问题重复。

(function(){
  angular
  .module("leagues")
  .controller("LeagueShowController", [
    "$stateParams",
    LeagueShowControllerFunction
   ]);

  function LeagueShowControllerFunction($stateParams,scope){
    var self = this;
    this.Price = [1,2,3,4];
  }
}());