snippet for header for angular+yeoman shopping demo

shoppingcat.sublime-snippet

<snippet>
  <content><![CDATA[[
  {
    id: 1,
    name: 'Batarang',
    img: 'http://25.media.tumblr.com/tumblr_l7s7b3PTAt1qzpwi0o1_500.jpg',
    price: 80
  },
  {
    id: 2,
    name: 'Utility Belt',
    img: 'http://www.felthosfoundry.com/wordpress/wp-content/uploads/utilitybelt.jpg',
    price: 120
  },
  {
    id: 3,
    name: 'Cape',
    img: 'http://superflykids.com/images/poplet-solid-color-superhero-cape-02_0.jpg',
    price: 47
  },
  {
    id: 4,
    name: 'Batmobile',
    img: 'http://cache.jalopnik.com/assets/images/12/2007/09/batmobile_Tumbler.jpg',
    price: 1000000
  }
]]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>shoppingcat</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <scope>source.js</scope>
</snippet>

shoppingnav.sublime-snippet

<snippet>
  <content><![CDATA[
<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="brand" href="#/">Shopping App</a>
      <div class="nav-collapse collapse" ng-controller="NavCtrl">
        <ul class="nav">
          <li>
            <a href="#/">Catalog</a>
          </li>
          <li>
            <a href="#/checkout">Checkout ({{basket.count()}})</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div class="hero-unit">
    <h1>Angular Shopping App</h1>
    <p>You can buy things. But not really.</p>
  </div>
</div>
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>shoppingnav</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <scope>source.html</scope>
</snippet>

Thanks Brian. Great Angular-yeoman tutorial! http://www.youtube.com/watch?v=XOmwZopzcTA

Congrats on handling so many bugs while presenting on stage!