JSFiddle - React, Tailwind, and code Playground

by nfreitas

HTML

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

JavaScript

function SongsCtrl($scope) {
    $scope.songs = [
        {
        song_id: 1,
        title: 'Rage Valley',
        like: 0},
    {
        song_id: 2,
        title: 'Feel Me',
        like: 0},
    {
        song_id: 3,
        title: 'We Run The Night',
        like: 0}
    ];

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