JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.js"></script>
<div ng-app='myApp' ng-controller='someCtrl'>
    <div ng-repeat='d in data'>
        <some-directive data='d'></some-directive>
    </div>
</div>

JavaScript

var app = angular.module('myApp', []);

var ctrl = app.controller('someCtrl', function ($scope) {
    $scope.data = [{a:1}, {a:2}, {a:3}];
});

var directive = app.directive('someDirective', function () {
    return {
        restrict: 'E',
        scope: {
            data: '='
        },
        template: '<div class="myTemplate"></div>',
        link: function (scope, element, attrs) {
            // We lookup .myTemplate starting from element
            console.log("Halle" + d3.select(element[0]).select('.myTemplate'))
        }
    };
});