angular.module('firebase-example', ['js-data'])
  .config(function (DSFirebaseAdapterProvider) {
    var basePath = 'https://js-data-firebase.firebaseio.com';
    DSFirebaseAdapterProvider.defaults.basePath = basePath;
  })
  .run(function (DS, DSFirebaseAdapter) {

    // js-data-angular created a new store
    // automatically and registered it as DS.
    // The firebase adapter was already registered,
    // but we want to make it the default.
    DS.registerAdapter(
      'firebase',
      DSFirebaseAdapter,
      { default: true }
    );
  })
  .factory('User', function (DS) {
    return DS.defineResource('user');
  })
  .controller('firebaseCtrl', function ($scope, User) {
    var fCtrl = this;

    // Pull the initial list of users
    // from Firebase
    User.findAll();

    // Update the list of users on the
    // scope whenever the collection
    // changes
    User.bindAll({}, $scope, 'users');

    $scope.add = function (user) {
      // Create a new user in Firebase
      return User.create(user).then(function () {
        fCtrl.name = '';
      });
    };

    $scope.remove = function (user) {
      // Destroy a user from firebase
      return User.destroy(user.id);
    };
  });

<div class="list-group">
  <div class="list-group-item" data-ng-repeat="user in users track by user.id">
    <div class="pull-right">
      <button class="btn btn-xs btn-danger" data-ng-click="remove(user)">
        Delete
      </button>
    </div>
    {{ user.name }}
  </div>
  <div class="list-group-item">
    <form id="user-form" name="user-form" data-ng-submit="add({ name: fCtrl.name })">

      <input class="form-control" type="text" data-ng-model="fCtrl.name" id="name" name="name"
             placeholder="Enter a name and press enter"/>
      <input type="submit" class="hidden"/>
    </form>
  </div>
</div>