如何将变量从控制器传递给指令？

Question

HTML:

<div ng-repeat="item in productArr">
   {{ item.title }}
</div>
<div category-page-navigation current-page='currentPage' category-products-count='productsCount'></div>

JS:

.controller('categoryController', ['$scope', '$location', '$http', '$q', '$window', '$stateParams', function($scope, $location, $http, $q, $window, $stateParams) {

        $scope.currentPage = 1;
        $scope.productsCount = 0;               

        var GET = {
            getProductData: function() {
                var defer = $q.defer();

                $http.post('services/loadProduct.php', {
                    'id'    :1,
                }).then(function(response) {
                    defer.resolve(response);
                }, function(response) {             
                    defer.resolve([]);
                });         

                return defer.promise;               
            }
        };

        var getData = {
            getProduct: function() {
                var productData = GET.getProductData();

                $q.all([productData]).then(
                    function(response) {
                        $scope.productArr = response[0].data.products;
                        $scope.productsCount = response[0].data.products.length;
                    });         
            }
        };

        getData.getProduct(); 

    }])
    .directive('categoryPageNavigation', function($compile, $parse) {
        return {
            scope: {
                currentPage: '=currentPage',
                categoryProductsCount: '=categoryProductsCount'
            },
            link: function (scope, element, attrs) {
                debugger;
                // Here scope.categoryProductsCount = undefined
                // ...
                $scope.$watch(scope.currentPage, function(value) {
                    // ...
                });                             
            }
        };
    });

我尝试形成新的 HTML 用于导航操作 HTML 我从 ng-repeat 获得。在指令中，我需要 currentPage(from start =1) 和 ng-repeat 中的项目总数（数组长度）我从服务中获得。我如何将变量传递给指令？首先，我需要从服务（ajax 请求或其他）获取变量，然后将变量（一些其他数据）传递给指令。

Answer 1

如果我没有理解错的话。这是一个关于如何在控制器和指令之间共享数据的代码笔示例。

阅读下面的代码很好：https://docs.angularjs.org/guide/providers

http://codepen.io/chocobowings/full/Xmzxmo/

var app = angular.module('app', []);
//-------------------------------------------------------//
app.factory('Shared', function() {
  return {
    sharedValue: {
      value: '',
    }
  };
});
//-------------------------------------------------------//
app.controller('ctrl', function($scope, Shared) {
  $scope.model = Shared.sharedValue;
});
//-------------------------------------------------------//
app.directive('directive', ['Shared',
  function(Shared) {
    return {
      restrict: 'E',
      link: function(scope) {
        scope.model = Shared.sharedValue;
      },
      template: '<div><input type="text" ng-model="model.value"/></div>'
    }
  }
]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  Ctrl:
  <div ng-controller="ctrl">
    <input type="text" ng-model="model.value" />
    <br/>
  </div>
  Directive:
  <directive value="model.value"></directive>
</div>

如何将变量从控制器传递给指令？

How pass variables to directive from controller?

javascript

directive

angularjs