Toggle checked on label.

Author: leovo2708

CHANGELOG.md

@@ -84,4 +84,8 @@ export class TreeviewConfig {
 
 # [2.0.3](https://www.npmjs.com/package/ngx-treeview) (2018-02-02)
 ### Enhancement:
-* Fix bugs.
+* Fix bugs.
+
+# [2.0.4](https://www.npmjs.com/package/ngx-treeview) (2018-02-05)
+### Enhancement:
+* Allow to toggle on checkbox's label.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-treeview",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "license": "MIT",
   "description": "An Angular treeview component with checkbox",
   "scripts": {

src/demo/product/product.component.html

@@ -5,7 +5,7 @@
     <div class="form-check">
       <input type="checkbox" class="form-check-input" [(ngModel)]="item.checked" (ngModelChange)="onCheckedChange()" [disabled]="item.disabled"
         [indeterminate]="item.indeterminate" />
-      <label class="form-check-label">
+      <label class="form-check-label" (click)="item.checked = !item.checked; onCheckedChange()">
         {{item.text}}
       </label>
       <label class="form-check-label">

src/lib/treeview.component.html

@@ -5,7 +5,7 @@
     <div class="form-check">
       <input type="checkbox" class="form-check-input" [(ngModel)]="item.checked" (ngModelChange)="onCheckedChange()" [disabled]="item.disabled"
         [indeterminate]="item.indeterminate" />
-      <label class="form-check-label">
+      <label class="form-check-label" (click)="item.checked = !item.checked; onCheckedChange()">
         {{item.text}}
       </label>
     </div>