Add angular example.

Author: wenzhixin

index.html

@@ -99,6 +99,12 @@
                         <li><a href="extensions/fixed-columns.html">Fixed Columns</a></li>
                     </ul>
                 </li>
+                <li>
+                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Integrate <span class="caret"></span></a>
+                    <ul class="dropdown-menu" role="menu">
+                        <li><a href="integrate/angular">Angular</a></li>
+                    </ul>
+                </li>
                 <li>
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Issues <span class="caret"></span></a>
                     <ul class="dropdown-menu" role="menu">

index.html.conf

@@ -99,6 +99,12 @@
                         <li><a href="extensions/fixed-columns.html">Fixed Columns</a></li>
                     </ul>
                 </li>
+                <li>
+                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Integrate <span class="caret"></span></a>
+                    <ul class="dropdown-menu" role="menu">
+                        <li><a href="integrate/angular">Angular</a></li>
+                    </ul>
+                </li>
                 <li>
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Issues <span class="caret"></span></a>
                     <ul class="dropdown-menu" role="menu">

integrate/app.js renamed to integrate/angular/app.js

@@ -25,10 +25,6 @@ angular.module('app', ['bsTable'])
     $scope.workspaces.forEach(function (wk,index) {
         var colData = {workspace: wk.name};
         wk.rows = makeRandomRows(colData);
-        setInterval(function () {
-            wk.rows = wk.bsTableControl.options.data = makeRandomRows(colData);
-            $scope.$applyAsync();
-        }, 5000);
 
         wk.bsTableControl = {
             options: {
@@ -96,7 +92,7 @@ angular.module('app', ['bsTable'])
 
     $scope.changeCurrentWorkspace = function (wk) {
         $scope.currentWorkspace = wk;
-    }
+    };
 
 
     //Select the workspace in document ready event

integrate/img/blueFlag16.png renamed to integrate/angular/img/blueFlag16.png

@@ -8,17 +8,15 @@
 
 
     <!-- Latest compiled and minified CSS -->
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
+    <link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
     <!-- Latest compiled and minified CSS -->
-    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.1/bootstrap-table.min.css">
+    <link rel="stylesheet" href="../../assets/bootstrap-table/src/bootstrap-table.css">
 
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
+    <script src="../../assets/jquery.min.js"></script>
+    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
     <!-- Latest compiled and minified JavaScript -->
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
-    <!-- Latest compiled and minified JavaScript -->
-    <script src="../node_modules/bootstrap-table/dist/bootstrap-table.min.js"></script>
-    <script src="../assets/bootstrap-table/dist/extensions/angular/bootstrap-table-angular.min.js"></script>
+    <script src="../../assets/bootstrap-table/src/bootstrap-table.js"></script>
+    <script src="../../assets/bootstrap-table/dist/extensions/angular/bootstrap-table-angular.js"></script>
 
 
     <script src="app.js"></script>