feat(ngTableColumnsBinding): new directive that provide access to the…

… $columns array

This allows the $columns array to be accessed outside of the html table markup

Gruntfile.js

@@ -64,6 +64,7 @@ module.exports = function(grunt) {
  'src/scripts/ngTableController.js',
  'src/scripts/ngTable.directive.js',
  'src/scripts/ngTableDynamic.directive.js',
+ 'src/scripts/ngTableColumnsBinding.directive.js',
  'src/scripts/ngTablePagination.directive.js',
  'src/scripts/ngTableFilterRowController.js',
  'src/scripts/ngTableFilterRow.directive.js',

src/scripts/ngTableColumnsBinding.directive.js

@@ -0,0 +1,43 @@
+/**
+ * ngTable: Table + Angular JS
+ *
+ * @author Vitalii Savchuk <[email protected]>
+ * @url https://github.com/esvit/ng-table/
+ * @license New BSD License <http://creativecommons.org/licenses/BSD/>
+ */
+
+(function(){
+ 'use strict';
+
+ angular.module('ngTable')
+ .directive('ngTableColumnsBinding', ngTableColumnsBinding);
+
+ ngTableColumnsBinding.$inject = ["$parse"];
+
+ /**
+ * @ngdoc service
+ * @name ngTableColumnsBinding
+ * @description One-way data binds the $columns array generated by ngTable/ngTableDynamic to the specified
+ * expression.
+ *
+ * This allows the $columns array to be accessed outside of the html table markup
+ */
+ function ngTableColumnsBinding($parse){
+ var directive = {
+ restrict: 'A',
+ require: 'ngTable',
+ link: linkFn
+ };
+ return directive;
+
+ function linkFn($scope, $element, $attrs){
+ var setter = $parse($attrs.ngTableColumnsBinding).assign;
+ if (setter){
+ $scope.$watch('$columns', function(newColumns){
+ var shallowClone = (newColumns || []).slice(0);
+ setter($scope, shallowClone);
+ });
+ }
+ }
+ }
+})();