[Optimisation] Manually bootstrapping angular apps (#154)

* manually bootstrapping angular apps

* changelog

Author: OwenMelbz

CHANGELOG.md

@@ -20,6 +20,12 @@ All Notable changes to `Backpack CRUD` will be documented in this file
 - Nothing
 
 
+## [3.1.27] - 2016-10-x
+
+### Fixed
+- 'table' field is properly encapsulated now;
+
+
 ## [3.1.26] - 2016-09-30
 
 ### Fixed

src/resources/views/create.blade.php

@@ -14,7 +14,7 @@
 @endsection
 
 @section('content')
-<div class="row" ng-app="backPack">
+<div class="row">
 	<div class="col-md-8 col-md-offset-2">
 		<!-- Default box -->
 		@if ($crud->hasAccess('list'))

src/resources/views/edit.blade.php

@@ -14,7 +14,7 @@
 @endsection
 
 @section('content')
-<div class="row" ng-app="backPack">
+<div class="row">
 	<div class="col-md-8 col-md-offset-2">
 		<!-- Default box -->
 		@if ($crud->hasAccess('list'))

src/resources/views/fields/table.blade.php

@@ -22,7 +22,7 @@
     }
 
 ?>
-<div ng-controller="tableController" @include('crud::inc.field_wrapper_attributes') >
+<div ng-app="backPackTableApp" ng-controller="tableController" @include('crud::inc.field_wrapper_attributes') >
 
     <label>{!! $field['label'] !!}</label>
 
@@ -97,7 +97,7 @@
         <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-sortable/0.14.3/sortable.min.js"></script>
         <script>
 
-            window.angularApp = window.angularApp || angular.module('backPack', ['ui.sortable'], function($interpolateProvider){
+            window.angularApp = window.angularApp || angular.module('backPackTableApp', ['ui.sortable'], function($interpolateProvider){
                 $interpolateProvider.startSymbol('<%');
                 $interpolateProvider.endSymbol('%>');
             });
@@ -158,6 +158,16 @@
                     }
                 }
             });
+
+            angular.element(document).ready(function(){
+                angular.forEach(angular.element('[ng-app]'), function(ctrl){
+                    var ctrlDom = angular.element(ctrl);
+                    if( !ctrlDom.hasClass('ng-scope') ){
+                        angular.bootstrap(ctrl, [ctrlDom.attr('ng-app')]);
+                    }
+                });
+            })
+
         </script>
 
     @endpush