角度指令控制器范围

Question

>我正在尝试开发一个具有自己的控制器的指令，以便它可以从API收集所需的数据并注入到任何地方。

这是我到目前为止得到的：

(function () {
'use strict';
angular
    .module('app.hostelsmg.bookings')
    .directive('bookingsChart', bookingsChart);
function bookingsChart() {
    return {
        restrict: 'E',
        scope: true,
        controller: [function(){
            $scope.test = 'Hi there!';
        }],
        compile: function(tElem, attrs){
            tElem.html('{{test}}');
            return function(scope, elems, attrs){
            }
        }
     }
 }
})();

所以我想要的，是从它自己的控制器获取数据的指令。到目前为止，我无法让它以这种方式工作。

有谁知道怎么做？

Answer 1

你可以使用这样的东西

function bookingsChart() {
    return {
        restrict: 'E',
        scope: true,
        controller: ['$scope', 'yourservice', function ($scope, yourservice) {
            $scope.data = [];   //bind this data to your view
            $scope.getServiceData = function (count) {
                //your service call
                yourservice.getServiceData(count).then(function (data) {
                    $scope.data = data;  //sets data in $scope.data variable
                });
            }
        }],
        link: function (scope, elements, attributes) {
            //if you want to pass any parameters from your UI to your service method
            scope.getServiceData(attributes.count);    //calls the getServiceData in controller defined above 
        }
     }
 }