Cacher is the code snippet organizer for pro developers

<ui-source>
<ui-source>
    <div>
        <label>Name:</label>
        <input type="text" ng-model="yourName" placeholder="Enter a name here">
        <hr>
        <h1>Hello {{yourName}}!</h1>
    </div>
</ui-source>
</ui-source>

.directive('uiSource', function () {
    return {
        restrict: 'EA',
        compile: function (elem) {
            var escape = function(content) {
                return content
                    .replace(/\&/g, '&')
                    .replace(/\</g, '<')
                    .replace(/\>/g, '>')
                    .replace(/"/g, '"');
            };

            var pre = angular.element('<pre class="prettyprint linenums"></pre>');
            pre.append(prettyPrintOne(escape(elem.html().slice(1)), undefined, true));
            elem.replaceWith(pre);
        }
    };
});