访问控制器外部的$ scope

时间:2014-11-02 17:40:10

标签: angularjs

我想访问控制器中函数中的对象。

这是我的控制器,在控制器中我有一个名为' fetchAll &#39 ;;

的功能
 app.controller('testController', ['$scope', '$http', function($scope, $http, $log) {
    $scope.fetchAll = function() {
    $http({
        method: 'POST',
        url: 'xxx',
        data: testArray,
        headers: {'Content-Type': 'application/json'}
    }).success(function(data) {
        $scope.testObj = data;
    }).error(function(data, status, headers, config) {

    })
}

}])

我想在我的index.html中访问 $ scope.testObj ,因为我想显示其内容。

任何有助于指出我正确方向的人都会受到赞赏。

2 个答案:

答案 0 :(得分:0)

我自己回答这个问题,感谢帮助我弄明白的评论。

对我来说令人困惑的部分是我在控制器内的一个功能中有我的对象,但它根本不重要。

<div ng-controller="testController"
   <ul>
      <li>{{testObj}}</li>
    </ul>
 </div>

答案 1 :(得分:-1)

我有similar problem设置数据。

我已根据您的情况修改了解决方案:

angular.module('ngAppRentManager', []).
controller('RentCtrl', ['$scope', '$timeout', function ($scope, $timeout) {
    $scope.tenants = data;
    $scope.setData = function (newData) {
        $scope.testObj  = newData;
        $scope.$apply();
    };
    // Means to get data.
    $scope.getData = function () {
        return  console.log($scope.testObj )
    };
}]);

setTimeout(function () {
    // Get the data.
    angular.element($('#control')).scope().getData(data);
}, 2000);

<强> Fiddle