gistfile1.js

    var compactListingDirective = m.directive('compactListing', function (listingService) {
        return {
            replace: true,
            scope: {
                listing: '=compactListing'
            },
            controller: function ($scope, $attrs, listingService) {
                $scope.listingService = listingService;
            },
            templateUrl: TMPL.compact_listing
        }
    });

gistfile2.txt

<div class="compact_listing" xmlns="http://www.w3.org/1999/html">

    <div class="address">
        <a href="" ng-click="listingService.set_selected(listing)">
            <span class="div-svg in-listing" ng-show="listingService.is_favourite(listing)">
                <svg width="16px" height="16px">
                    <g class="favourite">
                        <circle cx="8" cy="8" r="7" class="core"/>
                        <text x="8" y="8">(( listingService.get_number(listing) ))</text>
                    </g>
                </svg>
            </span>
            (( listing.address ))
        </a>
    </div>
    <div class="title">"(( listing.title ))"</div>

    <div class="row-fluid">
        <div class="span3">
            <a href="http://www.trademe.co.nz/property/residential-property-for-sale/auction-(( listing.listing )).htm" target="_blank"><img src="(( listing.thumbnail ))" alt=""></a>

            <div class="btn-group controls" data-toggle="buttons-radio">
                <button type="button" class="btn btn-mini" ng-class="{active: listingService.is_favourite(listing)}" ng-click="listingService.favourite(listing)"><i class="icon-star"></i></button>
                <button type="button" class="btn btn-mini" ng-class="{active: listingService.is_unknown(listing)}" ng-click="listingService.unfavourite(listing)"><i class="icon-star-empty"></i></button>
                <button type="button" class="btn btn-mini" ng-class="{active: listingService.is_rejected(listing)}" ng-click="listingService.reject(listing)"><i class="icon-ban-circle"></i></button>
            </div>

        </div>
        <div class="span9">
            <div class="area">
                <span class="key">House/Land</span>
                <span class="house_area" ng-show="listing.area">(( listing.area ))m<sup>2</sup></span> /
                <span class="land_area" ng-show="listing.land_area">(( listing.land_area ))m<sup>2</sup></span>
            </div>
            <div class="price"><span class="key">(( listing.price_type )) </span><span ng-show="listing.price">(( listing.price | currency ))</span></div>
            <div class="rv"><span class="key">Rated Value</span> (( listing.rv | currency ))</div>
            <div class="bedbath"><span class="key">Bedrooms</span> (( listing.bedrooms )) <span class="key">Bathrooms</span> (( listing.bathrooms ))</div>
            <div class="viewing_instructions" ng-show="listing.viewing">(( listing.viewing ))</div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <div ng-controller="NoteEditorCtrl">
                <span class="notes" ng-hide="editor_enabled" ng-click="enable_editor()">
                    <i ng-hide="listingService.user_listings[listing.listing].note">Notes...</i>(( listingService.user_listings[listing.listing].note ))
                </span>
                <div class="note-editor" ng-show="editor_enabled">
                    <input class="span10" type="text" ng-model="note">
                    <button class="btn btn-mini" ng-click="save()"><i class="icon-ok"></i></button>
                    <button class="btn btn-mini" ng-click="disable_editor()"><i class="icon-remove"></i></button>
                </div>
            </div>
        </div>
    </div>
    <div>
        <!--
        <a href="" class="btn btn-mini" ng-show="!listingService.is_favourite(listing)" ng-click="listingService.favourite(listing)"><i class="icon-star-empty"></i> Favourite</a>
        <a href="" class="btn btn-mini" ng-show="listingService.is_favourite(listing)" ng-click="listingService.unfavourite(listing)"><i class="icon-star"></i> Unfavourite</a>
        -->
    </div>
</div>