早上好/下午/晚上每个人,我的问题是Firebase.once(),我也尝试过Firebase.on();性能低下..所以基本上我在这个阶段,用户可以为主题添加书签..这里是我的最小代码显示。
最小HTML:
<span ng-if="currentAuthGet!=null;">
<span class="bookmark_topic_button">
<md-button class="md-icon-button">
<md-tooltip md-direction="top">
Bookmark
</md-tooltip>
<span ng-if="bookMarkToggleTopic" ng-click="bookmarkClickOutlineTopic();">
<ng-md-icon icon="bookmark_outline" style="fill: #ff6400;" size="20"></ng-md-icon>
</span>
<span ng-if="!bookMarkToggleTopic" ng-click="bookmarkClickNonOutlineTopic();">
<ng-md-icon icon="bookmark" style="fill: #009688;" size="20"></ng-md-icon>
</span>
</md-button>
</span>
</span>
最小的JS :
//BookMark
//Ng-if
//Toggle
$scope.bookMarkToggleTopic = true;
//Ng-Click
$scope.bookmarkClickOutlineTopic = function() {
refService.ref().child("Topics").once("value", function(snapshotBookMarkOutlineTopic){
snapshotBookMarkOutlineTopic.forEach(function(evenChildBook){
var bookkey = evenChildBook.key();
var bookchildData = evenChildBook.val();
if(bookchildData.Postnum == $stateParams.POST){
refService.ref().child("Topics").child(bookchildData.pushKey).child("Bookmarks").child($scope.currentAuthGet.uid).update({
Bookmark : true
})
}
})
})
$scope.bookMarkToggleTopic = false;
}
$scope.bookmarkClickNonOutlineTopic = function() {
refService.ref().child("Topics").once("value", function(snapshotBookMarkOutlineTopic){
snapshotBookMarkOutlineTopic.forEach(function(evenChildBook){
var bookkey = evenChildBook.key();
var bookchildData = evenChildBook.val();
if(bookchildData.Postnum == $stateParams.POST){
refService.ref().child("Topics").child(bookchildData.pushKey).child("Bookmarks").child($scope.currentAuthGet.uid).update({
Bookmark : false
})
}
})
})
$scope.bookMarkToggleTopic = true;
}
因此,只要用户点击书签按钮,就会发生两件事。首先,书签非大纲图标向右移动?而外线图标向左移动???请注意,这只发生在我添加firebase代码时,它需要它才能变为动态。这是代表该问题的图像:
而且,浏览器变得非常慢!我的意思是,verrrryyy慢。我不知道为什么会这样,如果你们想要更多的代码,我很乐意提供它,非常感谢帮助!
我猜这是一个非常大的提示?有这个HUGGGEEEEE错误列表图像(因为我无法复制那个巨大的错误duh):