
<div ng-controller="myCtrl">

<h4>Select a category:</h4>
        {{ firstName + " " + lastName }}
  <div>
    <style scoped>@import url("css/catlist.css");</style>

        <form name="catForm">

          <table ng-controller="tableCtrl">
          <tr>
            <th>Category</th>
            <th>Description</th>
          </tr>
          <tr ng-repeat="x in cats">
            <td>
              <a ui-sref="list.detail({catID: x.catID})">
              {{x.catName}}
            </a>
            </td>
            <td>{{x.description}}</td>
          </tr>

          </table>

       </form>

    </div>

</div>


<div ng-controller="myCtrl">

<h4>Select a category:</h4>
        {{ firstName + " " + lastName }}
  <div>
    <style scoped>@import url("css/catlist.css");</style>

        <form name="catForm">

          <table ng-controller="tableCtrl">
          <tr>
            <th>Category</th>
            <th>Description</th>
          </tr>
          <tr ng-repeat="x in cats">
            <td>
              <a ui-sref="list({catID: x.catID})" href="#list">
              {{x.catName}}
            </a>
            </td>
            <td>{{x.description}}</td>
          </tr>

          </table>

       </form>

    </div>

</div>

Fix ui-sref so that it passes catID
Fix ui-sref so that it passes catID
