Bonjour,

Je developpe une applicatiom mobile avec ionic.

J'ai un controlleur qui recupere un ensemble de post sur un serveur et qui retourn ces donnees en json, qui contient les proprietes suivantes:

[
    {
      "kick_id":"5",
      "author_id":"2",
      "content":"Essaie de kick",
      "kick_at":"2016-08-12 19:04:58",
      "user_id":"2","pseudo_name":"xxxxx-x",
      "nb_likes":"1",
      "nb_dislikes":"0",
      "isLike":true,
      "isDislike":false
    }
]

Dans ma vue, j'utilise les proprietes isLike et disLike pour determiner si l'utilisateur connecté a liker ou disliker les publication en questions. J'applique une condition sur ces deux champs pour ajouter la classe Like1, si l'utilisateur a liker et like-1 s'il a disliker.


                    <section class="kick" ng-repeat="kick in kicks">

                        <div class="kick-content padding-side lillte-vertical-marg">
                            <p class="padding-side">
                                {{kick.content}}    
                            </p>
                        </div>

                        <footer class="kick-foot padding">

                            <div class="kick-footer-btn" ng-class="{'like1': kick.isLike == true}" ng-click="like({{kick.kick_id}})" value="true" ng-model="kick.isLike">
                                <div class="icon-icon icon-heart"></div>
                                <span class="label-ico">Pro {{kick.nb_likes}}</span>
                            </div>

                            <div class="kick-footer-btn" ng-class="{'like-1': kick.isDislike == true}" ng-click="dislike({{kick.kick_id}})">
                                <div class="icon-icon icon-heart"></div>
                                <span class="label-ico">Contre {{kick.nb_dislikes}}</span>
                            </div>
                        </footer>
                    </section>

Mon systeme marche mais a present je rencontre une difficulter a ajouter la classe dynamiquement quand l'utilisateur aime(like) ou dislike une nouvelle publication. Je ne sais pas comment faire.

Desole mon ignorance, je suis un peu debutant en angular.

Aucune réponse