JSFiddle - React, Tailwind, and code Playground

by Sherali Turdiyev

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
<div ng-app="myApp" ng-controller="controller">
    <custom-a test="(item == 'one')" item="item" ng-repeat="item in arr"></custom-a>
</div>

JavaScript

angular.module('myApp', [])
    .controller('controller', function ($scope) {
    $scope.arr = ["one", "two", "cc"];
}).directive('customA', function () {
    return {
        restrict: 'E',
        replace: true,
        scope: {
            item: "=",
            test: "="
        },
        template: '<div>{{item}} - {{test}}</div>',
        controller: function ($scope) {

        },
        link: function (scope, attr, elem) {}
    };
});