javascript - AngularJS $scope 下降

Question

我希望有人能帮助我理解 AngularJS 中的 $scope 遇到的一个恼人的问题。请参阅下面我的代码中的注释:

app.controller('MyController', function ($scope, $routeParams, $http, $timeout) {
    $scope.id = $routeParams.id;

    $http.get("http://server/api/Blah/GetData/" + $scope.id).success(function (data) {
        $scope.data = data;
        alert($scope.data.MyObject.Property); //displays the expected value. - Not Undefined or null
    }).error(function (data) {
        alert(data);
    });

    $scope.$on('$viewContentLoaded', function () {
        $timeout(function () {
            var d = document.getElementById("iframe");

            d.contentDocument.documentElement.innerHTML = $scope.data.MyObject.Property; //Now MyObject is magically undefined.           

        }, 0);
    });
});

Answer 1

您需要知道代码执行的时间。

这是带有一些日志记录的固定代码:app.controller('MyController', function ($scope, $routeParams, $http, $timeout) { $scope.id = $routeParams.id;

console.log(1);

var promise = $http.get("http://server/api/Blah/GetData/" + $scope.id).success(function (data) {
    $scope.data = data;
    console.log(2);
    alert($scope.data.MyObject.Property); //displays the expected value. - Not Undefined or null
}).error(function (data) {
    alert(data);
});

$scope.$on('$viewContentLoaded', function () {
    $timeout(function () {
        var d = document.getElementById("iframe");

        console.log(3);
        // d.contentDocument.documentElement.innerHTML = $scope.data.MyObject.Property;

        promise.then(function () {
            console.log(4);
            d.contentDocument.documentElement.innerHTML = $scope.data.MyObject.Property;
        });

    }, 0);
});

});