Controller:zeigen glyphicon basierend auf dem Wert html Winkel
.controller('BlogController', function(blogFactory, $routeParams, $scope){
var that=this;
stat=false;
this.checkbookmark = function(bId){
console.log(bId)
blogFactory.checkBookmark(bId, function(response){
console.log(response)
if(response == "bookmarked"){
that.stat = true;
}
else{
that.stat = false;
}
})
}
HTML-Code:
<div class="container" ng-controller="BlogController as blogCtrl">
<div class="row" ng-repeat="chunk in blogCtrl.blogs | filter: filter_name | orderBy:'-created_at' | groupBy: 3">
<div class="outerbox1 col-sm-4" ng-repeat="blog in chunk" >
<div class="innerbox3" ng-init="blogCtrl.checkbookmark(blog._id)">
<br>
<div> > READ MORE
<a ng-if="blogCtrl.stat" ng-href="#" ng-click="blogCtrl.removebookmark(blog._id)" class="glyphicon glyphicon-heart pull-right">{{blogCtrl.stat}}</a>
<a ng-if="!blogCtrl.stat" ng-href="#" ng-click="blogCtrl.addbookmark(blog._id)" class="glyphicon glyphicon-heart-empty pull-right">{{blogCtrl.stat}}</a>
</div>
</div>
</div>
</div>
</div>
I glyphicon basierend auf dem Wert von stat
Ich habe 6 Blogs zeigen wollen , die ersten 3 sind markiert und die nächsten 3 nicht.
Das Problem, das ich bekomme, ist, dass der Wert Wert wird immer nach dem letzten Lesezeichen festgelegt und daher ist es immer falsch/wahr (basierend auf dem Zustand des letzten Blogs).
Wie löst man das?
hat es funktioniert. Danke ... könntest du mir bitte sagen, wie ich die Anzeige in Echtzeit aktualisiere, d. h. das Glyphicon-Symbol, das geändert wird, wenn ein Benutzer darauf klickt. @ x4rf41 – kRAk3N
wie ich schon sagte, müssen Sie die gleichen Änderungen an den Funktionen hinzufügen und entfernen: übergeben Sie den gesamten Blog nicht nur die ID und dann setzen Sie die Eigenschaft blog.stat auf den neuen Wert – x4rf41
ok, danke @ x4rf41 – kRAk3N