Angularjs从控制器范围内获得的数据指令范围

问题描述：

我想从资源数据然后将其添加到隔离指令的范围，但是当我要打印到屏幕，我来到这里误差为未定义CURRENT_PAGE是脚本Angularjs从控制器范围内获得的数据指令范围

/** 
    * Created by yigit on 10.01.2014. 
    */ 
    var app = angular.module('kategori', [ 
     'ngResource', 
     'apiBaseRoute' 
    ]); 

    app.factory('Data', ['$resource', 'apiBaseRoute', function($resource, config){ 
     return $resource(config.apiBasePath + 'kategori/?page=:page',{page:1},{ 
      query:{ 
       isArray: false, 
       method: 'GET' 
      } 
     }); 
    }]); 

    app.controller('KategoriListCtrl',['$scope', 'Data', function($scope, Data){ 

     $scope.allData = {data:null}; 
     Data.query({}, function(data){ 
      $scope.kategoriList = {data:data.cat.data}; 
      $scope.allData.data = data.cat; 
     }); 
    }]); 
    app.directive('paginate', function(){ 
     return{ 
      scope:{paginatorData: '=paginate'}, 
      link: function(scope){ 
       alert(scope.paginatorData.current_page); 
      } 
     } 
    }); 



<!DOCTYPE html> 
      <html ng-app="kategori"> 
      <head> 
       <meta charset="UTF-8"> 
       <title></title> 
       <link rel="stylesheet" href="css/bootstrap.min.css"> 
      </head> 
      <body> 
      <div class="col-md-6 col-md-offset-3" ng-controller="KategoriListCtrl"> 
      {{allData.current_page}} 
       <div paginate="allData"></div> 
      </div> 

      <script src="js/lib/angular.min.js"></script> 
      <script src="js/lib/angular-resource.js"></script> 
      <script src="js/kategori.js"></script> 
      <script src="js/apiroute.js"></script> 
      </body> 
      </html>

我读这篇文章nested scope

但没能解决我的问题。

因此，代码提醒未定义。我该如何解决这个问题？

尝试控制器属性添加到您的direcrive并设定范围为参数，就像你在链接 – makallio85

如何呢？即时通讯确实noob谢谢。 – yigitozmen

你在哪里设置'current_page'？ – zeroflagL

答

你能展示你的HTML吗？你需要通过这样的特性：

<div data-paginate="paginate"></div>

我在编辑....我用html编辑。 – yigitozmen

Angularjs从控制器范围内获得的数据指令范围

相关推荐