1

我对指令范围有一些问题......

wall.directive('onPaste', function() {
    return{
        restrict: 'A',
        scope :true,
        controller: function($scope, $http) {
            $scope.getUrlInfos = function() {
                $http({
                    method: 'POST',
                    data: {
                        firstPost: $scope.firstPost,
                        lastPost: $scope.lastPost
                    },
                    url: '/wall/json/parseUrl.json'
                }).success(function(data){
                    $scope.firstPost = 99;
                    $scope.parseUrl = data; // response data
                    console.log($scope);
                });
            }

        },
        link: function (scope, element, attrs, parentCtrl) {

            element.bind("paste", function(event) {
                var element = this;
                setTimeout(function () {
                    var text = $(element).val();
                    urls = findUrls(text);
                    scope.$apply(function(){
                        scope.firstPost = 10;
                        scope.getUrlInfos();
                    })
                }, 100);
            });
        }
    };
});

当我console.log($scope);变量具有所有范围时......但据我所知，它是根范围的副本。对此范围的任何更改都不会出现在屏幕上。如何将此范围返回到根范围？

4

1 回答 1

1

假设您有一个定义的根范围，

wall.run(function($rootScope){
    $rootScope.firstPost = 1;
    //.....
});

在 AngularJS 中，$scopes原型继承自它们的父作用域，一直到$rootScope. 在 JavaScript 中，原始类型会在孩子更改它们时被覆盖。因此，当您$scope.firstPost在其中一个控制器中进行设置时，$rootScope永远不会触及 on 属性，而是将一个新的可见属性添加到当前范围。

所以你需要传递rootScopeto 指令控制器，然后从那里改变。

wall.directive('onPaste', function() {
    return{
        restrict: 'A',
        scope :true,
        controller: function($scope, $rootScope, $http) {
            $scope.getUrlInfos = function() {
                $http({
                    method: 'POST',
                    data: {
                        firstPost: $rootScope.firstPost,
                        lastPost: $rootScope.lastPost
                    },
                    url: '/wall/json/parseUrl.json'
                }).success(function(data){
                    $rootScope.firstPost = 99;
                    $rootScope.parseUrl = data; // response data
                    console.log($rootScope);
                });
            }

        },
        link: function (scope, element, attrs, parentCtrl) {

            element.bind("paste", function(event) {
                var element = this;
                setTimeout(function () {
                    var text = $(element).val();
                    urls = findUrls(text);
                    scope.$apply(function(){
                        scope.firstPost = 10;
                        scope.getUrlInfos();
                    })
                }, 100);
            });
        }
    };
});
于 2013-10-09T13:12:53.103 回答