ionic

by patrioticcow

HTML

<script src="http://code.ionicframework.com/1.0.0-beta.6/js/ionic.bundle.js"></script>
<link rel="stylesheet" href="http://code.ionicframework.com/1.0.0-beta.6/css/ionic.css">
<script src="http://static.firebase.com/v0/firebase.js"></script>
<div ng-app="sampleApp" ng-controller="MainCtrl">
    <ion-content style="display:block">
        <ion-list>
            <ion-item ng-repeat="item in items">{{item.message}}</ion-item>
        </ion-list>
    </ion-content>
</div>

JavaScript

var SampleApp;
(function (SampleApp) {

    var app = angular.module('sampleApp', ['ionic']);
    app.controller('MainCtrl', function ($scope) {
        $scope.items = {};
        var ref = new Firebase('https://patrioticcow.firebaseio.com/comments/position%3A1');
        ref.on('value', function (snapshot) {
            $scope.$apply(function () {
                $scope.items = snapshot.val();
            });

            // trying to update the $scope.items and reaply them
            // just as a test
            $scope.$apply(function () {
                var obj = {
                    'comment:3': {
                        message: 'test'
                    }
                };
                $scope.items.push(obj);
                console.log(obj);
            });

            console.log($scope.items);
        });
    })
})(SampleApp || (SampleApp = {}));