Update index.html

subchen · subchen · commit fbd28bca6df3 · 2016-05-21T00:01:56.000+08:00
diff --git a/index.html b/index.html
@@ -79,10 +79,11 @@ <h1>Usage</h1>
     <div class="highlight highlight-source-js"><pre><span class="pl-smi">require</span>.<span class="pl-en">config</span>({
     baseUrl<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>/<span class="pl-pds">'</span></span>,
     paths<span class="pl-k">:</span> {
-        <span class="pl-s"><span class="pl-pds">'</span>angular<span class="pl-pds">'</span></span><span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>node_modules/angular/angular.min<span class="pl-pds">'</span></span>,
-        <span class="pl-s"><span class="pl-pds">'</span>angular-ui-router<span class="pl-pds">'</span></span><span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>node_modules/angular-ui-router/release/angular-ui-router.min<span class="pl-pds">'</span></span>,
-        <span class="pl-s"><span class="pl-pds">'</span>angular-ui-mask<span class="pl-pds">'</span></span><span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>node_modules/angular-ui-mask/dist/mask<span class="pl-pds">'</span></span>,
-        <span class="pl-s"><span class="pl-pds">'</span>angular-async-loader<span class="pl-pds">'</span></span><span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>node_modules/angular-async-loader/dist/angular-async-loader.min<span class="pl-pds">'</span></span>
+        <span class="pl-s"><span class="pl-pds">'</span>angular<span class="pl-pds">'</span></span><span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>assets/angular/angular.min<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>angular-ui-router<span class="pl-pds">'</span></span><span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>assets/angular-ui-router/release/angular-ui-router.min<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>angular-async-loader<span class="pl-pds">'</span></span><span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>assets/angular-async-loader/angular-async-loader.min<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>angular-ui-mask<span class="pl-pds">'</span></span><span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>assets/angular-ui-mask/dist/mask.min<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>ng-tags-input<span class="pl-pds">'</span></span><span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>assets/ng-tags-input/build/ng-tags-input.min<span class="pl-pds">'</span></span>
     },
     shim<span class="pl-k">:</span> {
         <span class="pl-s"><span class="pl-pds">'</span>angular<span class="pl-pds">'</span></span><span class="pl-k">:</span> {exports<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>angular<span class="pl-pds">'</span></span>},
@@ -129,27 +130,31 @@ <h1>Usage</h1>
                 controllerUrl<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>home/homeCtrl<span class="pl-pds">'</span></span>,
                 controller<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>homeCtrl<span class="pl-pds">'</span></span>
             })
-            .<span class="pl-en">state</span>(<span class="pl-s"><span class="pl-pds">'</span>users<span class="pl-pds">'</span></span>, <span class="pl-smi">app</span>.<span class="pl-en">route</span>({
+            .<span class="pl-en">state</span>(<span class="pl-s"><span class="pl-pds">'</span>users<span class="pl-pds">'</span></span>, {
                 url<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>/users<span class="pl-pds">'</span></span>,
                 templateUrl<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>users/users.html<span class="pl-pds">'</span></span>,
                 <span class="pl-c">// new attribute for ajax load controller</span>
                 controllerUrl<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>users/usersCtrl<span class="pl-pds">'</span></span>,
                 controller<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>usersCtrl<span class="pl-pds">'</span></span>,
                 <span class="pl-c">// support to load more controllers, services, filters, ...</span>
                 dependencies<span class="pl-k">:</span> [<span class="pl-s"><span class="pl-pds">'</span>services/usersService<span class="pl-pds">'</span></span>]
-            }));
+            })
+            .<span class="pl-en">state</span>(<span class="pl-s"><span class="pl-pds">'</span>components<span class="pl-pds">'</span></span>, {
+                url<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>/components<span class="pl-pds">'</span></span>,
+                templateUrl<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>components/components.html<span class="pl-pds">'</span></span>,
+                <span class="pl-c">// new attribute for ajax load controller</span>
+                controllerUrl<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>components/componentsCtrl<span class="pl-pds">'</span></span>,
+                controller<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>componentsCtrl<span class="pl-pds">'</span></span>
+            });
     }]);
 });</pre></div>
 
+
     <p><strong>users/usersCtrl.js</strong></p>
 
     <div class="highlight highlight-source-js"><pre><span class="pl-en">define</span>(<span class="pl-k">function</span> (<span class="pl-smi">require</span>) {
     <span class="pl-k">var</span> app <span class="pl-k">=</span> <span class="pl-c1">require</span>(<span class="pl-s"><span class="pl-pds">'</span>../app<span class="pl-pds">'</span></span>);
 
-    <span class="pl-c">// dynamic load ui.mask module for UI: &lt;input ui-mask="..." /&gt;</span>
-    <span class="pl-c1">require</span>(<span class="pl-s"><span class="pl-pds">'</span>angular-ui-mask<span class="pl-pds">'</span></span>);
-    <span class="pl-smi">app</span>.<span class="pl-en">useModule</span>(<span class="pl-s"><span class="pl-pds">'</span>ui.mask<span class="pl-pds">'</span></span>);
-
     <span class="pl-c">// dynamic load services here or add into dependencies of ui-router state config</span>
     <span class="pl-c">// require('../services/usersService');</span>
 
@@ -158,8 +163,40 @@ <h1>Usage</h1>
         <span class="pl-k">var</span> userServices <span class="pl-k">=</span> <span class="pl-smi">app</span>.<span class="pl-en">get</span>(<span class="pl-s"><span class="pl-pds">'</span>usersService<span class="pl-pds">'</span></span>);
         <span class="pl-smi">$scope</span>.<span class="pl-smi">userList</span> <span class="pl-k">=</span> <span class="pl-smi">usersService</span>.<span class="pl-en">list</span>();
     }]);
+
 });</pre></div>
 
+    <p><strong>components/componentsCtrl.js</strong></p>
+
+    <div class="highlight highlight-source-js"><pre><span class="pl-en">define</span>(<span class="pl-k">function</span> (<span class="pl-smi">require</span>) {
+    <span class="pl-k">var</span> app <span class="pl-k">=</span> <span class="pl-c1">require</span>(<span class="pl-s"><span class="pl-pds">'</span>../app<span class="pl-pds">'</span></span>);
+
+    <span class="pl-c">// dynamic load angular-ui-mask plugins for UI</span>
+    <span class="pl-c1">require</span>(<span class="pl-s"><span class="pl-pds">'</span>angular-ui-mask<span class="pl-pds">'</span></span>);
+    <span class="pl-smi">app</span>.<span class="pl-en">useModule</span>(<span class="pl-s"><span class="pl-pds">'</span>ui.mask<span class="pl-pds">'</span></span>);
+
+    <span class="pl-c">// dynamic load ng-tags-input plugins for UI</span>
+    <span class="pl-c1">require</span>(<span class="pl-s"><span class="pl-pds">'</span>ng-tags-input<span class="pl-pds">'</span></span>);
+    <span class="pl-smi">app</span>.<span class="pl-en">useModule</span>(<span class="pl-s"><span class="pl-pds">'</span>ngTagsInput<span class="pl-pds">'</span></span>);
+
+    <span class="pl-smi">app</span>.<span class="pl-en">controller</span>(<span class="pl-s"><span class="pl-pds">'</span>componentsCtrl<span class="pl-pds">'</span></span>, [<span class="pl-s"><span class="pl-pds">'</span>$scope<span class="pl-pds">'</span></span>, <span class="pl-k">function</span> (<span class="pl-smi">$scope</span>) {
+        <span class="pl-k">......</span>
+    }]);
+
+});</pre></div>
+
+    <h1>Build from Source</h1>
+
+    <div class="highlight highlight-source-shell"><pre>git clone https://github.com/subchen/angular-async-loader.git
+
+<span class="pl-c1">cd</span> angular-async-loader
+
+npm run build
+npm start
+
+open browser http://localhost:3000/</pre></div>
+
+
     <h1>License</h1>
     <p>Released under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache 2 License</a>.</p>
     <pre><code>Copyright 2015-2016 Guoqiang Chen
