generator-steroids/generators/data-module/templates/views/_index.html

Yeoman generator

<div ng-controller="IndexController">
  <super-navbar>
    <super-navbar-title>
      <%= _.capitalize(resourceName) %> Index
    </super-navbar-title>
  </super-navbar>

  <div ng-show="showSpinner" ng-include="'_spinner.html'"></div>
  <div ng-hide="showSpinner">
    <ul class="list" ng-hide="<%= resourceName %>s.length == 0">

      <super-navigate location="<%= moduleName %>#show" data-params-id="{{ <%= resourceName %>.id }}" ng-repeat="<%= resourceName %> in <%= resourceName %>s">
        <li class="item item-icon-right">
          <span ng-bind="<%= resourceName %>['<%= fields[0] %>']"></span>
          <i class="icon super-ios-arrow-right"></i>
        </li>
      </super-navigate>

    </ul>

    <h4 ng-show="<%= resourceName %>s.length == 0" class="assertive padding">
      No <%= resourceName %>s found. Create one?
    </h4>

    <super-modal-show location="<%= moduleName %>#new">
      <button class="button button-full button-positive">
        Create a new <%= resourceName %>
      </button>
    </super-modal-show>
  </div>
</div>