Small refactoring + comment

Author: alansemenov

src/angular/app/common/chips/chips.component.ts

@@ -45,28 +45,17 @@ export class ChipsComponent extends BaseComponent implements AfterViewInit {
         let autocompleteData = {};
         this.availableTags.filter((tag) => this.excludedTags.indexOf(tag) == -1 ).
             forEach((tag) => autocompleteData[tag] = null);
-        const chips = $('.chips');
-        for (let i = 0; i < chips.length; i++){
-            M.Chips.init(chips[i], {
-                autocompleteOptions: {
-                    data: autocompleteData,
-                    limit: Infinity,
-                    minLength: 1
-                },
-                placeholder: this.placeholder,
-                secondaryPlaceholder: this.placeholder
-            });
-        }/*
-        chips.chips({
+
+        const chips = document.querySelectorAll('.chips');
+        M.Chips.init(chips, {
             autocompleteOptions: {
                 data: autocompleteData,
                 limit: Infinity,
                 minLength: 1
             },
             placeholder: this.placeholder,
             secondaryPlaceholder: this.placeholder
-        });*/
-        
+        });
     }
 
     add(chip) {

src/angular/vendor.aot.ts

@@ -15,4 +15,7 @@ import 'chartjs-plugin-annotation';
 // Other vendors for example jQuery, Lodash or Bootstrap
 // You can import js, ts, css, sass, ...
 
-window['Materialize'] = M;
+// angular2-materialize is still on materialize-css v0.100.1 and requires global variable called 'Materialize'
+// while this app is now on materialize-css v1.0.0 which renamed the variable from 'Materialize' to 'M'.
+// The fix below makes angular2-materialize work with materialize-css v1.0.0
+window['Materialize'] = M;