Javascript Firebase中的角度显示列表

我在Firebase中的数据如下所示

evalu8er
    situations
        -K6rM12D-0nt4fJH_QcA
            situation: "Test"
        -K6rPoHiUl2N2JOSWXww
            situation: "Test2"
        -K6rPqbkBHJ-K8znVzay
            situation: "Test3"

{"situation":"Test"}
{"situation":"Test2"}
{"situation":"Test3"}

我已经通过这样的表单插入了HTML页面中的数据

<div class="form-group">
<label for="situation">Add a situation</label>
<input type="text" class="form-control" id="situation" placeholder="Situation" ng-model="situation">
</div>
<button type="submit" class="btn btn-default pull-right" ng-click="add_situation()"><i class="fa fa-cog fa-spin" ng-show="loading"></i> Add     </button>
</form>

现在我想把每一种情况都回到页面上，这对我来说都是错误的

在与上面相同的控制器中，我添加了这个

var ref = new Firebase("https://evalu8er.firebaseio.com/user/situations/");
ref.on("value", function(snapshot) {
$scope.display_situatoins = snapshot.val(); 
}, function (errorObject) {
console.log("The read failed: " + errorObject.code);
});

在HTML页面上，我添加了

<li data-ng-repeat="x in display_situatoins">
    {{ x }}
</li>

我只想展示一张这样的情况清单

Test
Test2
Test3

问题2/3） 我如何显示上述情况值

当我添加一个新项目时，它会列在底部，我如何将新项目排列在顶部

问题3/3） 如何对列表进行排序，使新项目首先出现？

angular.module('app', ['firebase'])
  .constant('FirebaseUrl', '<my-firebase-app>')
  .service('rootRef', ['FirebaseUrl', Firebase])
  .controller('MyCtrl', MyController);

function MyCtrl($scope, rootRef, $firebaseArray) {
   $scope.situations = $firebaseArray(rootRef.child('situations');
}

由于命名问题，

{{situation.situation}

部分看起来很尴尬。如果将属性

situation

更改为类似

text

或

title

的内容，则其外观如下：

<li ng-repeat="situation in situations">
    {{ situation.title }}
</li>

{{situation.title}}

<li ng-repeat="situation in situations">
    {{ situation.situation }}
</li>

<li ng-repeat="situation in situations">
    {{ situation.title }}
</li>