修改AngularJS中的DOM

时间:2016-08-19 09:23:58

标签: javascript html css angularjs ionic-framework

我用Ionic开发了一个移动应用程序。我有一个控制器,可以恢复服务器上的一系列帖子,并以JSON格式返回数据,其中包含以下属性:

[{
  "kick_id":"5",
  "author_id":"2",
  "content":"Contenue de la publication",
  "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
}]

在我看来,我使用了属性" isLike"和" isDislike"确定用户是否喜欢或不喜欢该出版物。我在这两个字段上应用条件来添加" LIKE1" class,如果用户喜欢和"喜欢-1和#34;如果他不喜欢:

<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">
        <span class="label-ico">Pro {{kick.nb_likes}}</span>
    </div>
</footer>

我的系统有效,但目前我遇到一个困难,就像用户喜欢(喜欢)或不喜欢新出版物一样动态添加课程。我不知道该怎么做。请帮帮我!!!

1 个答案:

答案 0 :(得分:0)

我不明白你的意思但是如果你想动态改变类,你应该这样做:

ng-class="{'like1': kick.isLike, 'dislike1': kick.isDislike}"