javascript - 将数据传递到另一个作用域

Question

这就是我所拥有的:

$http.get("http://localhost/app/api/Suppliers").success(function(response) {
    $scope.dataSource = response;
    console.log($scope.dataSource);
    $scope.safeApply(function() {
        $scope.settings.columns[3] = $scope.dataSource;
    });
}); 


$scope.settings  = {
    colHeaders: ["Code", "Comments"],
    contextMenu : ["row_above","row_below","remove_row"],
    colWidths: [100, 100],
    columns : [
        {   type: 'dropdown',
            source: ['Not Started', 'In Progress', 'Completed']
        },
        {},
        {},
        {   type: 'dropdown',
            source: $scope.dataSource,
        }
    ]
};

问题是 $scope.dataSource 未定义，它不显示数据。应该怎样解决这个问题？

更新: 这将显示我的 $http 调用中的数据。但是在设置源中，当我调用源时: $scope.dataSource 未定义

Answer 1

当您向服务器发出请求时， Controller 的其余部分将被编译，然后您将进入成功函数

您在请求的成功内声明您的数组，最好像这样在外部声明

$scope.dataSource = []

$http.get("http://localhost/app/api/Suppliers").success(function(response) {
    $scope.dataSource = response;
    console.log($scope.dataSource);
    $scope.safeApply(function() {
        $scope.settings.columns[3] = $scope.dataSource;
    });
}); 

更新

试试这个

$http.get("http://localhost/app/api/Suppliers").success(function(response) {
      $scope.dataSource = response;
      console.log($scope.dataSource);

      getSetting();

      $scope.safeApply(function() {
        $scope.settings.columns[3] = $scope.dataSource;
      });
    });


    var getSetting = function() {
      $scope.settings = {
        colHeaders: ["Code", "Comments"],
        contextMenu: ["row_above", "row_below", "remove_row"],
        colWidths: [100, 100],
        columns: [{
          type: 'dropdown',
          source: ['Not Started', 'In Progress', 'Completed']
        }, {}, {}, {
          type: 'dropdown',
          source: $scope.dataSource,
        }]
      };
    }