From 0dd597aa3bb659d440aa1d39c2a588eb164d9a14 Mon Sep 17 00:00:00 2001
From: besuhoff <albert.besuhoff@gmail.com>
Date: Fri, 19 Feb 2016 18:41:01 +0200
Subject: [PATCH] Doesn't work when <switch> is inside <label>

This fixes the state when switch is inside of the `<label>` element.
---
 angular-ui-switch.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/angular-ui-switch.js b/angular-ui-switch.js
index 9a6b591..3f36763 100644
--- a/angular-ui-switch.js
+++ b/angular-ui-switch.js
@@ -9,7 +9,8 @@ angular.module('uiSwitch', [])
       var html = '';
       html += '<span';
       html +=   ' class="switch' + (attrs.class ? ' ' + attrs.class : '') + '"';
-      html +=   attrs.ngModel ? ' ng-click="' + attrs.disabled + ' ? ' + attrs.ngModel + ' : ' + attrs.ngModel + '=!' + attrs.ngModel + (attrs.ngChange ? '; ' + attrs.ngChange + '()"' : '"') : '';
+      html += (attrs.ngModel && !element.closest('label').length) ? ' ng-click="' + attrs.disabled + ' ? ' +
+        attrs.ngModel + ' : ' + attrs.ngModel + '=!' + attrs.ngModel + (attrs.ngChange ? '; ' + attrs.ngChange + '()"' : '"') : '';
       html +=   ' ng-class="{ checked:' + attrs.ngModel + ', disabled:' + attrs.disabled + ' }"';
       html +=   '>';
       html +=   '<small></small>';