如何访问父指令变量?

时间:2017-02-21 20:58:03

标签: angularjs

如何访问父指令的变量?我一直都没有定义。

我正在尝试从productName访问productTitle。跑角1.6

  angular.module('appStore').controller(
    'TestController', function($scope, Note){    
      $scope.yell = function(){
        return Note(5);
      };
    }
  );

  angular.module('appStore').directive('productTitle', function(){
    return {
      restrict : 'E',
      templateUrl : 'product-title.html',
      scope : {
        age : '='
      },
      controller : function($scope){
          $scope.name = "mary";
      },
      link : function(scope, element, attrs){
      }
    };
  });

  angular.module('appStore').directive('productName', function(){
    return {
      restrict: 'E',
      templateUrl: 'product-name.html',
      require: '^productTitle',
      link : function(scope, element, attrs, ctrl){
    console.log('test');
        console.log(ctrl.name); // undefined???
        console.log(ctrl.age);  // undefined???
      },
      transclude: true

    };
  });

的index.html:

<div ng-controller="TestController">
  <product-title age="6"></product-title>
</div>

产品title.html

<h3>Product Titles</h3>
<product-name></product-name>

产品名称为空白。

0 个答案:

没有答案