Merge pull request #114 from CarServ/master

AOT Compatibility

.gitignore

@@ -1,3 +1,6 @@
 node_modules
 src/*.js
 src/*.js.map
+/compiled
+*.metadata.json
+*.map.js

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-2-dropdown-multiselect",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Customizable dropdown multiselect in Angular 2 with bootstrap css.",
   "main": "src/multiselect-dropdown.ts",
   "repository": {
@@ -23,11 +23,13 @@
   "devDependencies": {
     "@angular/common": "^4.0.0",
     "@angular/compiler": "^4.0.0",
+    "@angular/compiler-cli": "^4.0.0",
     "@angular/core": "^4.0.0",
     "@angular/forms": "^4.0.0",
-    "rxjs": "^5.1.0",
-    "zone.js": "^0.7.6",
+    "@angular/platform-server": "^4.0.0",
     "codelyzer": "^2.0.0",
-    "typescript": "^2.1.5"
+    "rxjs": "^5.1.0",
+    "typescript": "^2.2.2",
+    "zone.js": "^0.7.6"
   }
 }

src/multiselect-dropdown.ts

@@ -123,9 +123,9 @@ export class MultiSelectSearchFilter implements PipeTransform {
         <li *ngIf="settings.showCheckAll || settings.showUncheckAll" class="dropdown-divider divider"></li>
         <li class="dropdown-item" [ngStyle]="getItemStyle(option)" *ngFor="let option of options | searchFilter:searchFilterText"
             (click)="!option.isLabel && setSelected($event, option)" [class.dropdown-header]="option.isLabel">
-          <template [ngIf]="option.isLabel">
+          <ng-template [ngIf]="option.isLabel">
             {{ option.name }}
-          </template>
+          </ng-template>
           <a *ngIf="!option.isLabel" href="javascript:;" role="menuitem" tabindex="-1">
             <input *ngIf="settings.checkedStyle === 'checkboxes'" type="checkbox"
               [checked]="isSelected(option)" (click)="preventCheckboxCheck($event, option)"/>

tsconfig.json

@@ -9,5 +9,8 @@
     "experimentalDecorators": true,
     "skipLibCheck": true,
     "skipDefaultLibCheck": true
+  },
+  "angularCompilerOptions": {
+    "genDir": "compiled"
   }
 }