<div class="ui container" id="cause">

  <h2>I care about... </h2>

  <div class="ui selection dropdown">
    <div class="text">Cause</div><i class="dropdown icon"></i>
    <div class="menu transition hidden">
      <div data-value="{{ cause.id }}" class="item" ng-repeat="cause in vm.causes">

        <a ui-sref="causes.show({id: cause.id})">{{ cause.attributes.name }}</a>

      </div>
    </div>
  </div>

  <ui-view></ui-view>

</div>

<script type="text/javascript">
  $('.ui.dropdown')
    .dropdown()
  ;
</script>

<div class="ui container" id="cause">

  <h2>I care about... </h2>

  <div class="ui selection dropdown">
    <div class="text">Cause</div><i class="dropdown icon"></i>
    <div class="menu transition hidden">
      <div data-value="{{ cause.id }}" class="item" ng-repeat="cause in vm.causes">

        <div ui-sref="causes.show({ id: cause.id })">{{ cause.attributes.name }}</div>

      </div>
    </div>
  </div>

  <ui-view></ui-view>

</div>

<script type="text/javascript">
  $('.ui.dropdown')
    .dropdown()
  ;
</script>

Modify dropdown menu so that selections aren't hyperlinks
Modify dropdown menu so that selections aren't hyperlinks
