尝试使用AngularJS为歌曲添加“赞”计数

时间:2012-07-20 06:25:28

标签: angularjs

目前正在关闭EmberJS旅行车,并检查AngularJS。我试图创建一个歌曲标题列表,旁边有一个“赞”链接。当您点击“喜欢”时,歌曲标题旁边会列出喜欢数量的计数。这是我的jsfiddle,谢谢你的帮助! http://jsfiddle.net/stevenng/SpQH5/7/

1 个答案:

答案 0 :(得分:4)

制作$ scope.like函数可以实现(http://jsfiddle.net/SpQH5/9/):

$scope.like = function (song) {
    song.like += 1;
};

由于Angular的数据绑定{{song.like}}song.like递增时在DOM中自动更新。


请注意,您也可以在没有范围函数的情况下通过song.like直接递增ng-click来完成此操作,就像在this fiddle中一样:

  <div class="song" ng-repeat="song in songs">
    <a href="#" ng-click="song.like = song.like + 1">like</a> ({{song.like}}) 
    <h3>{{song.title}}</h3>
  </div>