ng-repeat example

by sqiudward

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div ng-app="myApp" ng-controller="MainCtrl">
    <ul>
        <li ng-repeat="mentor in mentors" ng-init="mentor.queryCount = 0">{{mentor.name}}     {{mentor.queryCount}}
          <button ng-click="add(mentor)">
            add
          </button>
        
        </li>
    </ul>


    <button ng-click="add()">
      add
    </button>
    <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
</div>

JavaScript

var app = angular.module('myApp', []);

app.controller("MainCtrl",function( $scope ) {
    $scope.mentors = [ {id:1,name: 'nathan'},{id:2, name:'nathan'},{ id:3, name:'nathan'} ];
    
    $scope.initCount = function (count) { 
    	count = count ? count : 1;
    };
    
    $scope.add = (x) => { 
    	x.queryCount++;
    };
   
});