AngularJs

사용자 지정 directive transclude : 원본 directive 지시자 있는 곳에 template 붙이고 나서 기존 원본은 transclude쪽에 붙인다

by hannahh

HTML

<script src="http://fb.me/react-with-addons-0.12.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.0.js"></script>
<div ng-app="testDirective">
  <div ng-controller="Ctrl" >  
      <nextree-directive company-info="nextree">데헷
      </nextree-directive><ng-transclude></ng-transclude>
</div>  
</div>

JavaScript

angular.module('testDirective', [])
  .controller('Ctrl', function($scope) {
    $scope.nextree = { name: 'Nextree'};
  })
  .directive('nextreeDirective', function() {
    return {
      restrict: 'E',
      scope: {
        myCompany: '=companyInfo'
      },
      template: 'Name:{{myCompany.name}} <span ng-transclude></div>',
    	transclude : true
    };
  });