Angular 1 substitution

example.html

<ui:substitute 
      placeholder-link-value='registration.link' placeholder-link-action='showTermsAndConditions(2)'
      placeholder-user-value='registration.user' 
      placeholder-date-value='registration.date' placeholder-date-class="'stage-connect'"
      placeholder-name-value='::name'>
  The [link] have been agreed by [user] on [date], and name is [name]
</ui:substitute>

substitute.js

app.directive('uiSubstitute', function() {
  return {
    restrict:'E',
    scope: false,
    template: function(tElem, tAttr) {
      let template = tElem.html();
      const placeholders = {};
      angular.forEach(tAttr, function(attrValue,attrKey) {
        if (attrKey.substr(0,11)!='placeholder') return;
        let [phKey, phType] = attrKey.substr(11).match(/([A-Z][a-z]*)/g);
        phKey = phKey.toLowerCase();
        if (attrValue.indexOf('"')>=0) throw "Please use single quotes: "+attrValue;
        (placeholders[phKey]|| (placeholders[phKey] = {}))[phType]=attrValue;
      });
      angular.forEach(placeholders, function(phDef, ph) {
        let elem = phDef.Action?'a':'span';
        let attrs = [{key:'ng-bind', val:phDef.Value}];
        if (phDef.Class) attrs.push({key:'ng-class',val:phDef.Class});
        if (phDef.Action) attrs.push({key:'ng-click',val:phDef.Action});
        attrs = attrs.map((v) => `${v.key}="${v.val}"`);
        template = template.replace(`[${ph}]`,`<${elem} ${attrs.join(' ')}></${elem}>`);
      });
      return template;
    }
    
  }
});