JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="test">
    <div uuid></div>
    <div uuid></div>
    <div uuid></div>
    <div uuid></div>
    <div uuid></div>
    <div uuid></div>
    <div uuid></div>
    <div uuid></div>
</div>

JavaScript

angular.module("uuid",[]).factory("rfc4122",function(){function r(r){return Math.random()*r}return{v4:function(){var n,a="";for(n=0;36>n;n++)a+=14===n?"4":19===n?"89ab".charAt(r(4)):8===n||13===n||18===n||23===n?"-":"0123456789abcdef".charAt(r(16));return a}}});



angular.module('demo', ['uuid'])
.directive('uuid', ['rfc4122', function (rfc4122) {
  return function (scope, elm) {
    elm.text(rfc4122.v4());
  };
}]);