我试图在本文中使用加藤提供的答案:在这里,但不了解在angularfire中利用优先级的概念。在angularfire API文档中非常简短地提到了优先级,但没有示例。
到目前为止,这是我的项目的Plnkr:http ://plnkr.co/edit/A8lDKbNvhcSzbWVrysVm
//controller
angular.module('app').controller('MainCtrl', function($firebase, $scope) {
var ref = new Firebase('https://plnkr.firebaseio.com').startAt().endAt();
var list = $firebase(ref).$asArray();
$scope.list = list;
console.log(list);
var last = null;
$scope.priorityChanged = function(priority) {
var current = moment(priority).startOf('day');
var changed = last === null || !last.isSame(current);
last = current;
return changed;
};
$scope.getDayName = function($priority) {
return moment($priority).format('dddd');
};
$scope.addTask = function(newTask) {
list.$add({
title: newTask.title,
timestamp: Firebase.ServerValue.TIMESTAMP
});
};
});
//view
<form ng-submit="addTask(task); task.title=null">
<input placeholder="Add Task" ng-model="task.title"/>
</form>
<li ng-repeat="item in list" ng-init="changed = priorityChanged(item.$priority)">
<h3 ng-show="changed">{{getDayName(item.$priority)}}</h3>
{{item | json}}
</li>
问题在于plnkr在其软件包管理器中具有8.0版本的angularfire。它在最新版本中工作正常。
$scope.addTask = function(newTask) {
list.$add({
title: newTask.title,
$priority: 3
});
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句