Untitled

<!DOCTYPE html>
<html ng-app="MyApp">

  <head>
    <script data-require="angular.js@1.3.14" data-semver="1.3.14" src="https://code.angularjs.org/1.3.14/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body  ng-controller="myController">
   <div ng-repeat="y in itemsArr">
      <div>
        <button ng-click="checkSetModel = y.name; modelFunc(checkSetModel)">
          <span ng-model="checkSetModel">{{y.name}}</span>
          <span>{{y.name}}</span>
        </button>
      </div>
    </div>
  </body>

</html>

// Code goes here

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

app.controller('myController', function($scope) {
  $scope.itemsArr = [{
   name: "Al",
   age: "23"
  },
  {
   name: "AB",
   age: "25"
  },
  {
   name: "ABC",
   age: "27"
  }]
  
  $scope.columnFacetname = "";
  $scope.ListClicktnColumnFilter = "";
  $scope.modelFunc = function (value) {
     alert(value);
  };
});

/* Styles go here */