JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-controller="MyCtrl">
    <div ng-repeat='template in inner'>
        <div ng-switch on="template">
            <div ng-switch-when="one">
                <div class='one'></div>
            </div>
            <div ng-switch-when="two">
                <div class='two'></div>
                
            </div>
        </div>
    </div>

JavaScript

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

myApp.directive('one', function () {
    return {
        restrict: 'C',
        template: '<div>Directive one</div>'
    }
});

myApp.directive('two', function () {
    return {
        restrict: 'C',
        template: '<div>Directive two</div>'
    }
});

function MyCtrl($scope) {
    $scope.inner = ["one", "two"];
}