JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
    <thing></thing>
    <thing></thing>
    <thing></thing>
    <thing></thing>
    <thing></thing>
</div>

JavaScript

angular
    .module('app', [])
    .directive('thing', function() {
        return {
            restrict: 'E',
            replace: true,
            template: '<div><input ng-model="vm.name"/> Name: {{vm.name}}</div>',
            controller: function() {
                this.name = '';
            },
            controllerAs: 'vm',
            scope: true
        };
    });