Angular 1.5

by Yonathan Benitah

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.8/angular.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<div ng-app="demoApp">
<div ng-controller="base">
<tool-dir selected-item="selectedItem">{{$ctrl.selectedItem}}</tool-dir>
</div>
</div>

JavaScript

angular.module('demoApp', [])
  .controller('base', base)
  .directive('toolDir', function(){
return {
    restrict: 'EA',
    transclude: true,

    controller: ToolCtrl,
    controllerAs: '$ctrl',
    scope: {
        selectedItem: '=',
    },
link: function (scope, element, attrs, ctrl, transclude) {
        var selectedItem = scope.selectedItem;
       transclude(scope, function (clone) {
            element.append(clone);
        }); 
    }
    }

    });
   



function ToolCtrl($scope) {
   this.selectedItem = $scope.selectedItem;
}

function base($scope) {

var vtc = this;
$scope.selectedItem = [{a:1}, {b:2}];
}