gistfile1.js

    GridsApp.directive('gridTag', function() {
          return {
              template: '<div ng_class="{{grid.getCssClasses()}}"' +
'    ng_switch="grid.type">' +
'        <div ng_switch_when="{{GRID_TYPES.container}}">' +
'            <div data-grid-tag="" ng_model="nestedGrid" ' +
'                ng_repeat="nestedGrid in grid.children"></div>' +
'        </div>' +
'        <div ng_switch_when="{{GRID_TYPES.text}}">TEXT</div>' +
'        <div ng_switch_when="{{GRID_TYPES.image}}">IMAGE</div>' +
'    </div>',
            replace: true,
            transclude: true,
            restrict: 'A',
            scope: {
                grid: '=ngModel'
            },
            link: function (elm, scope, attrs) {}
          };
    });