Директива AngularJS $ scope не определена

Question

У меня есть следующая директива. Когда я запускаю функцию open и добираюсь до отладчика, я получаю сообщение об ошибке в консоли, которое сообщает Uncaught ReferenceError: $scope is not defined(…).

Как можно позвонить $scope.open, когда $scope не определено?

app.directive('photo', ['$http', 'modal', function($http, modal) { 
    return { 
     replace: true, 
     templateUrl: '/assets/photo.html', 
     transclude: false, 
     scope: { 
      result: '=', 
      index: '@' 
     }, 
     controller: ['$scope', '$http', 'modal', function($scope, $http, modal) { 
      $scope.prev = $scope.index - 1; 
      $scope.open = function() { 
       debugger; 
      }; 
     }] 
    } 
}]); 

Вот мой DOM:

<div ng-repeat="r in results" photo result="r" index="$index"></div> 

Если я вставляю console.log($scope) как раз перед моей open функции, а затем снова прямо перед debugger в этой функции, я получаю следующие результаты. Левое перед open называется, справа после open.

Answer 1

Вы впрыскивать $http и modal в определении директивы (как вы это делали), нет необходимости в функции контроллера, просто сделать:

controller: function($scope) { 
     $scope.prev = $scope.index - 1; 
     $scope.open = function() { 
      debugger; 
     }; 
    } 

Answer 2

Это должно работать:

app.directive('photo', ['$http', 'modal', function($http, modal) { 
return { 
    replace: true, 
    templateUrl: '/assets/photo.html', 
    transclude: false, 
    scope: { 
     result: '=', 
     index: '@' 
    }, 
    controller: function($scope, $http, modal) { 
     $scope.prev = $scope.index - 1; 
     $scope.open = function() { 
      debugger; 
     }; 
    } 
} 
}]); 

Answer 3

Вам нужно определить $ Scope в верхней части, то есть:
app.directive ('фото', ['$ http', '$ Scope', 'modal', function ($ http, $ Scope, modal)

Теперь все будет хорошо.

Answer 4

Попробуйте добавить инструкцию, которая использует $scope в $scope.open. Возможно, Chrome оптимизировал $scope, когда вы находитесь в $scope.open, потому что вы его не используете.

$scope.open = function() { 
    console.log($scope); 
    debugger; //now you should see $scope. 
}; 

Answer 5

его работал для меня

var app = angular.module("moduleTest",[]); 
app.directive("testDirective",function(){ 
    return { 
     restrict: "A", 
     scope: true, 
     link: function(scope, element){ 
      //code 
      //and $scope is scope 
     } 
    } 
});