Firebase + Angular Template

A simple template for creating Angular+Firebase fiddles.

HTML

<script src="https://cdn.firebase.com/js/client/2.2.4/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/1.1.1/angularfire.min.js"></script>
<ul>
    <li ng-repeat="item in items">{{ item.id }}

    </li>
</ul>

CSS

pre {
    padding: 20px;
    font-size: 16px;
    line-height: 20px;
    background-color: #fafafa;
    border: 1px solid #999;
    display: block;
    border-radius: 10px;
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
}
.error {
    color: red;
}

JavaScript

var app = angular.module('app', ['firebase']);

app.controller('ctrl', function ($scope, $firebaseArray) {
    var ref = new Firebase('https://dragpanel.firebaseio.com/admin/');
    $scope.items = $firebaseArray(ref);

    for (var i=0; i<5; i++) {
        $scope.items.$add({id: i,name:'User :'+i});
    }

});