JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
    <div ng-controller="myCtrl as vm">
      <div fixed-column-tooltip columnselector=".td-keyField" ng-repeat="trData in vm.trDataWatch track by $index">
        {{ trData }}
      </div>
    </div>
</div>

JavaScript

angular.module('myApp', []);

      angular
        .module('myApp')
        .controller('myCtrl', function() {
          var vm = this;
          vm.myVal = "hello world";
          vm.trDataWatch = [
              'Row Data',
              'More Row Data',
              'Even More Row Data'
          ];

        });

      angular
        .module('myApp')
        .directive('fixedColumnTooltip', function ($timeout) {
          return {
              restrict: 'A',
              scope: {
                  columnselector: '@',
              },
              link: function (scope, element, attr) {
                  if(scope.$parent.$last === true) {
                    element.append(" (Last Row)");
                  }
              }
          };
      });