<div class="copy-box-element" ng-class="disabled ? 'disabled' : ''">
  <div class="id-container">
    <div class="copy-container">
      <input type="text" class="form-control" value="{{ value }}" readonly>
      <span class="copy-icon" data-title="Copy to Clipboard"
            data-container="body"
            data-placement="bottom"
            bs-tooltip>
        <i class="fa fa-clipboard"></i>
      </span>
    </div>
  </div>

  <div class="clipboard-copied-message" ng-class="hoveringMessage ? 'hovering' : ''" style="display: none">
    Copied to clipboard
  </div>
</div>