Пользовательская директива: не удалось получить доступ к области директивы в области контроллера

Question

Я пытаюсь получить доступ к $http внутри моего контроллера, чтобы читать данные JSON, где имя файла извлекается из атрибута настраиваемой директивы.

вот мой код

.directive("myCarousel", function() { 
    return { 
     restrict: 'EA', 

     scope: { 
      jsondatasource: '=' 
     }, 

     controller: "carouselCtrl", 
     link: function ($scope, element, attrs) { 

      $scope.jsondatasource = attrs.jsondatasource; 

     }, 

     template: 'mytemplate.html' 

    } 
}) 

.controller('carouselCtrl', function ($scope, $http) { 

    $scope.quotes = ""; 
    $http.get($scope.jsondatasource).success(function (data) { 
     $scope.quotes = data; 
    }); 

    // some function with operation on the data on quotes received by JSON data 

}) 

и HTML вызов

<my-carousel jsondatasource="data.json"> </my-carousel> 

Answer 1

Что ваша проблема именно?

Вы определили область действия для своей директивы, поэтому ваша функция ссылок бесполезна, потому что угловой объект присваивает $ scope.jsondatasource оценку атрибута jsondatasource.

Answer 2

попробовать

link: function ($scope, element, attrs, ctrl) { 
    ctrl.jsondatasource = attrs.jsondatasource; 
}, 

Answer 3

Один из способов сделать это может быть положить ваши http.get в функцию внутри контроллера, прикрепленного к объему и принимая jsonDataSource в качестве параметра. И в функции link вызывается функция с jsonSource, переданная в атрибуте директивы.

.directive("myCarousel", function() { 
return { 
    restrict: 'EA', 

    scope: { 
     jsondatasource: '=' 
    }, 

    controller: "carouselCtrl", 
    link: function ($scope, element, attrs, ctrl) { 
     ctrl.getQuotesData(attrs.jsondatasource); 

    }, 

    template: 'mytemplate.html' 

} 
}) 
.controller('carouselCtrl', function ($scope, $http) { 

$scope.quotes = ""; 
$scope.getQuotesData = function(source) { 
    $http.get(source).success(function (data) { 
    $scope.quotes = data; 
    }); 
}; 

// some function with operation on the data on quotes received by JSON data 

}) 

Answer 4

использовать '@' вместо '=' так jsondatasource: '='

будет изменен в jsondatasource: '@' будет решить эту проблему и значение jsondatasource доступна в контроллере.