<div class="btn-group">
  <button type="button" class="dropdown-toggle {{:: $ctrl.settings.columns[colIndex].size }} btn-{{:: $ctrl.settings.columns[colIndex].style }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-click="colData.open = true">
    <i ng-if=":: $ctrl.settings.columns[colIndex].icon" class="crm-i {{:: $ctrl.settings.columns[colIndex].icon }}"></i>
    {{:: colData.text }}
  </button>
  <ul class="dropdown-menu {{ $ctrl.settings.columns[colIndex].alignment === 'text-right' ? 'dropdown-menu-right' : '' }}" ng-if=":: colData.open">
    <li ng-repeat="link in colData.links" class="bg-{{:: link.style }}">
      <a href="{{:: link.url }}" target="{{:: link.target }}">
        <i ng-if=":: link.icon" class="crm-i {{:: link.icon }}"></i>
        {{:: link.text }}
      </a>
    </li>
  </ul>
</div>
