Angular and Slim

Another layer of abstraction? Why not. In comes Slim, a lightweight
templating engine.

Slim saves you a bit of hassle when you’re writing HTML. IDs and classes
are much easier to identify and assign, attributes are defined
identically to HTML, no more closing tags, and a lot of miscellaneous

  .list-item ng-repeat='i in items'
    h1() {{}}
    span.timestamp() {{i.timestamp}}


<div id="item-ctn">
  <div class="list-item" ng-repeat="i in items">
    <span class="timestamp">{{i.timestamp}}</span>

If you use grunt for your build workflow this task will come in handy.


Now read this

AngularJS: Simple, reusable directives

Directives in Angular give you the power to do a lot. Sometimes, you need to do a lot. Most of the time you just need something simple that will get the job done. Here are a few examples of reusable directives that do only what they need... Continue →