AngularJS 1.5.x

    var app = angular.module('plunker', []);
    
    app.controller('MainCtrl', function($scope) {
      $scope.name = 'World';
      
      
      $scope.change_display = function(index) {
        console.log(index);
          $scope.data[index].display = (false == $scope.data[index].display) ? true: false;
         
      };
    
      $scope.data = [
        {
          name:'one',
          display_appraisal : true,
          display : true
        },
        {
          name:'two',
          display_appraisal : false,
          display : true
        },
        {
          name:'three',
          display_appraisal : false,
          display : false
        },
        {
          name:'four',
          display_appraisal : true,
          display : false
        },
        {
          name:'five',
          display_appraisal : false,
          display : false
        }
        ]
    });

    <!DOCTYPE html>
    <html ng-app="plunker">
    
      <head>
        <meta charset="utf-8" />
        <title>AngularJS Plunker</title>
        <script>document.write('<base href="' + document.location + '" />');</script>
        <link rel="stylesheet" href="style.css" />
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    
        <script data-require="angular.js@1.5.x" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js" data-semver="1.5.11"></script>
        <script src="app.js"></script>
      </head>
    
      <body ng-controller="MainCtrl">
        <p>Hello {{name}}!</p>
        
        
        <table class="table table-stripped">
          <thead>
            <tr>
            <th>column1</th>
            <th>buttons</th>
            </tr>
          </thead>
          <tbody>
            <tr ng-repeat="manufacturer in data">
              <td>{{manufacturer.name}}</td>
              <td>
                <button class="btn btn-mini" ng-class="{'btn-success': manufacturer.display, 'btn-danger': !manufacturer.display}" ng-click="change_display($index)"><i class="icon-white" ng-class="{'icon-ok': manufacturer.display==true, 'icon-remove': manufacturer.display==false}"></i></button>
                <button class="btn btn-mini" ng-class="{true:'btn-success', false:'btn-danger'}[manufacturer.display_appraisal]" ng-click="manufacturer.display_appraisal = !manufacturer.display_appraisal"><i class="icon-white" ng-class="{'icon-ok': manufacturer.display_appraisal==true, 'icon-remove': manufacturer.display_appraisal==false}"></i></button></td>
            </tr>
          </tbody>
        </table>
        
      </body>
    
    </html>

/* Put your css in here */