angular指令在浏览器控制台中未定义，但在nodejs控制台中定义

Question

我目前正在整理一个管理仪表板，显示从数据库中检索的数据。我目前在浏览器窗口或控制台中显示属性{{pledges}}时遇到问题，我正在寻求一些帮助。我怀疑它是非常大或非常小的东西，我只是没有看到。以下是我采取的以下步骤：

1。）尝试将检索到的数据显示在chrome的控制台中，并返回undefined。我还将一些静态数据与指令一起放入，以查看什么是加载和未加载。该指令如预期一样空白。

2.确保控制器名称拼写正确且范围正确。

3.。）在pledge[0].avg_amt_pledge后端执行了一个console.log，准确显示。

HTML

 <div class="box-info">
  <p class="size-h2" ng-controller="pledgeCtrl">{{pledges}}<span class="size-h4"></span></p>
         <p class="text-muted"><span data-i18n="Median Pledges"></span></p></div>

控制器

function(){
    "use strict";

    angular.module("pledgeDisplay", []).controller("pledgeCtrl", ["$scope","$http", function($scope, $http){

    $http.get("javascripts/avg.js")
        .success(function(pledge){
            $scope.pledges = pledge[0].avg_amt_pledge;
        });l

}])}.call(this);

数据库查询

var query2 = connection.query("SELECT AVG (amt_donate) AS avg_amt_pledge FROM donations WHERE org_id = '3' ",

function (err, rows) {
     if (err) throw err;
     pledge = rows;
    console.log(pledge[0].avg_amt_pledge);
//outputs queried data held in   var avg_amt_pledge.
    });

 });