从顶部添加条目，以角度排列待办事项列表

Add entries from the top in to-do list angular

本文关键字：排列 列表 添加 顶部      更新时间：2023-09-26

我已经在角度中制作了这个待办事项列表，但希望输入的帖子从顶部而不是底部进入。

我的代码：

.HTML 

                  <a href="{{url.title}}" class="link">
                      <p class="title">{{url.name}}</p>
                      <p class="url">{{url.title}}</p>
                  </a>
              </div>
              <div class="col-md-4 delete m-b-2">
                    <!--a href="javascript:" ng-click="edit($index)" type="button" class="btn btn-primary btn-sm">Edit</a-->
                    <a href="javascript:" class="btn btn-danger btn-sm" ng-click="del($index)">Delete</a>
              </div>
        </div>
        </li>

.JS

var urlFire = angular.module("UrlFire", ["firebase"]);
function MainController($scope, $firebase) {
  $scope.favUrls = $firebase(new Firebase('https://lllapp.firebaseio.com/'));
  $scope.urls = [];
  $scope.favUrls.$on('value', function() {
  $scope.urls = [];
  var mvs = $scope.favUrls.$getIndex();
    for (var i = 0; i < mvs.length; i++) {
      $scope.urls.push({
        name: $scope.favUrls[mvs[i]].name,
        title: $scope.favUrls[mvs[i]].title,
        key: mvs[i]
      });
    };
});

当你向数组中添加元素时，你可以使用 unshift（） 而不是 push（）。它将元素添加到数组的开头而不是末尾，并且由于您的角度视图基于模型，因此它会将其添加到顶部。

使用 $scope.urls.splice（index_to_insert，0， object）; 所以在你的情况下你可以这样做 

var obj = {
        name: $scope.favUrls[mvs[i]].name,
        title: $scope.favUrls[mvs[i]].title,
        key: mvs[i]
      };
$scope.urls.splice(0,0, obj);
相关文章：