Merge pull request #3 from mohbasheer/bug-fix

Fixed: Chip scope isn't accessible from template if model is instantiated as empty array (Angular 1.5+)

bower.json

@@ -6,7 +6,7 @@
     "Mohammed Basheer"
   ],
   "description": "Angular-Chips is the angular based component. You can use it to add dynamic chips",
-  "main": "./dist/angular-chips.min.js",
+  "main": "./dist/angular-chips.js",
   "keywords": [
     "angular",
     "chips",
@@ -33,6 +33,9 @@
     "angular-mocks": "1.4.8"
   },
   "dependencies": {
-    "angular": "~1.4.8"
+    "angular": "v1.5.5"
+  },
+  "resolutions": {
+    "angular": "v1.5.5"
   }
 }

dist/angular-chips.js

@@ -163,7 +163,10 @@
 
             /*Extract the chip-tmpl and compile inside the chips directive scope*/
             var rootDiv = angular.element('<div></div>');
-            var tmpl = iElement.find('chip-tmpl').remove();
+            var tmplStr = iElement.html();
+            tmplStr = tmplStr.substr(tmplStr.indexOf('<chip-tmpl'),tmplStr.indexOf('</chip-tmpl>')-('</chip-tmpl>').length);
+            iElement.find('chip-tmpl').remove();
+            var tmpl = angular.element(tmplStr);
             var chipTextNode, chipBindedData, chipBindedDataSuffix;
             tmpl.attr('ng-repeat', 'chip in chips.list track by $index');
             tmpl.attr('ng-class', '{\'chip-failed\':chip.isFailed}')
@@ -240,6 +243,7 @@
             template: '<div ng-transclude></div>'
         }
 
+
     };
     /* <chip-tmpl> tag is mandatory added validation to confirm that*/
     function validation(element) {

src/js/directives/chips.js

@@ -160,7 +160,10 @@
 
             /*Extract the chip-tmpl and compile inside the chips directive scope*/
             var rootDiv = angular.element('<div></div>');
-            var tmpl = iElement.find('chip-tmpl').remove();
+            var tmplStr = iElement.html();
+            tmplStr = tmplStr.substr(tmplStr.indexOf('<chip-tmpl'),tmplStr.indexOf('</chip-tmpl>')-('</chip-tmpl>').length);
+            iElement.find('chip-tmpl').remove();
+            var tmpl = angular.element(tmplStr);
             var chipTextNode, chipBindedData, chipBindedDataSuffix;
             tmpl.attr('ng-repeat', 'chip in chips.list track by $index');
             tmpl.attr('ng-class', '{\'chip-failed\':chip.isFailed}')
@@ -237,6 +240,7 @@
             template: '<div ng-transclude></div>'
         }
 
+
     };
     /* <chip-tmpl> tag is mandatory added validation to confirm that*/
     function validation(element) {