Update doc

Author: HollyPony

docs/index.md

@@ -9,6 +9,7 @@
             suggestions="$ctrl.suggestions"
             key-property="code"
             display-property="title"
+            get-suggestions="$ctrl.updateSuggestions"
             min-length="1">
 </input-tags>
 
@@ -26,6 +27,7 @@ And the component where you want in this app:
 <input-tags tags="$sctrl.tags"
             suggestions="$ctrl.suggestions"
             key-property="code"
+            get-suggestions="$ctrl.updateSuggestions"
             display-property="title">
 </input-tags>
 ```
@@ -38,19 +40,29 @@ angular.module('app').controller('SearchController', searchCtrl);
 function searchCtrl() {
   const vm = this;
 
-  vm.tags = [{
-    code: 'default',
-    title: 'root'
-  }];
-
-  vm.suggestions = {
-    title: 'root',
-    data: [{
-      code: 1,
-      title: '1',
-      data: [/* Another nested list of items for multilevel purposes */]},
-    ]
-  };
+  vm.$onInit = () => {
+    vm.tags = [{
+      code: 'default',
+      title: 'root'
+    }];
+
+    vm.suggestions = {
+      title: 'root',
+      data: [{
+        code: 1,
+        title: '1',
+        data: [/* Another nested list of items for multilevel purposes */]},
+      ]
+    };
+  }
+
+  vm.updateSuggestions = search => {
+    const newSuggestions = getNewSuggestionsFunctions(search);
+
+    vm.suggestions.title = newSuggestions.title;
+    vm.suggestions.data.length = 0;
+    Array.push.apply(vm.suggestions.data, newSuggestions.data);
+  }
 }
 ```
 

docs/js/app.js

@@ -8,28 +8,38 @@
   function searchCtrl() {
     const vm = this;
 
-    vm.tags = [{
-      code: 'lol',
-      title: 'things'
-    }];
-    vm.suggestions = {
-      title: 'root',
-      data: [
-        {
-          code: 1,
-          title: '1',
-          data: [
-            {
+    vm.$onInit = () => {
+      vm.tags = [];
+      vm.suggestions = {title: '', data: []};
+      vm.getSuggestions();
+    };
+
+    function flat(r, a) {
+      r.push(a);
+      if (Array.isArray(a.data)) {
+        return a.data.reduce(flat, r);
+      }
+      return r;
+    }
+
+    vm.getSuggestions = search => {
+      const mock = {
+        title: 'root',
+        data: [
+          {
+            code: 1,
+            title: '1',
+            data: [{
               code: 10,
               title: '10',
               data: [
                 {code: 100, title: '100'},
                 {code: 101, title: '101'},
                 {code: 102, title: '102'}
               ]
-            },
-            {code: 11, title: '11'},
-            {
+            }, {
+              code: 11, title: '11'
+            }, {
               code: 12,
               title: '12',
               data: [
@@ -38,10 +48,42 @@
                 {code: 122, title: '122'}
               ]
             }
-          ]
-        },
-        {code: 2, title: '2'}
-      ]
+            ]
+          },
+          {code: 2, title: '2'},
+          {
+            code: 3,
+            title: '3',
+            data: [{
+              code: 30,
+              title: '30',
+              data: [
+                {code: 300, title: '300'},
+                {code: 301, title: '301'},
+                {code: 302, title: '302'}
+              ]
+            }, {
+              code: 31, title: '31'
+            }, {
+              code: 32,
+              title: '32',
+              data: [
+                {code: 320, title: '320'},
+                {code: 321, title: '321'},
+                {code: 322, title: '322'}
+              ]
+            }]
+          }
+        ]
+      };
+
+      const result = search ? mock.data.reduce(flat, []).filter(elem => {
+        return String(elem.title).indexOf(String(search)) >= 0;
+      }) : mock.data;
+
+      vm.suggestions.data.length = 0;
+      vm.suggestions.title = mock.title;
+      Array.prototype.push.apply(vm.suggestions.data, result);
     };
   }
 })();