Allow name attribute on checklist (#770)

Author: ckosloski

docs/demos/dev-checklist/view.html

@@ -1,9 +1,9 @@
 <div ng-controller="DevChecklistCtrl">
-  <a href="#" class="nobuttons" editable-checklist="user.devstatus" e-ng-options="s.value as s.text for s in statuses" buttons="no" blur="submit">
+  <a href="#" class="nobuttons" editable-checklist="user.devstatus" e-ng-options="s.value as s.text for s in statuses" buttons="no" blur="submit" data-e-name="check_list[]">
     {{ showStatus() }}
   </a>&nbsp;&nbsp;
-  
+
   <a href="#" class="onchange" editable-checklist="user.devobjectstatus" e-ng-options="s as s.text for s in statuses" buttons="no" blur="submit" e-ng-change="doSomething($data)" e-checklist-comparator="compareFn">
     {{ showObjectStatus() }}
   </a>
-</div>  
+</div>

src/js/directives/checklist.js

@@ -9,10 +9,11 @@ angular.module('xeditable').directive('editableChecklist', [
       useCopy: true,
       render: function() {
         this.parent.render.call(this);
-        var parsed = editableNgOptionsParser(this.attrs.eNgOptions);
-        var ngChangeHtml = '';
-        var ngChecklistComparatorHtml = '';
-        var ngDisabled = '';
+        var parsed = editableNgOptionsParser(this.attrs.eNgOptions),
+            ngChangeHtml = '',
+            ngChecklistComparatorHtml = '',
+            ngDisabled = '',
+            ngNameHtml = '';
 
         if (this.attrs.eNgChange) {
           ngChangeHtml = ' ng-change="' +  this.attrs.eNgChange + '"';
@@ -22,19 +23,24 @@ angular.module('xeditable').directive('editableChecklist', [
           ngChecklistComparatorHtml = ' checklist-comparator="' +  this.attrs.eChecklistComparator + '"';
         }
 
-        if(this.attrs.eNgDisabled){
+        if (this.attrs.eNgDisabled) {
           ngDisabled = ' ng-disabled="' + this.attrs.eNgDisabled+'"';
         }
-        
+
+        if (this.attrs.eName) {
+          ngNameHtml = ' name="' +  this.attrs.eName + '"';
+        }
+
         var html = '<label ng-repeat="'+parsed.ngRepeat+'">'+
           '<input type="checkbox" checklist-model="$parent.$parent.$data" checklist-value="'+parsed.locals.valueFn+'"' +
-            ngChangeHtml + ngChecklistComparatorHtml + ngDisabled+'>'+
+            ngChangeHtml + ngChecklistComparatorHtml + ngNameHtml + ngDisabled + '>'+
           '<span ng-bind="'+parsed.locals.displayFn+'"></span></label>';
 
         this.inputEl.removeAttr('ng-model');
         this.inputEl.removeAttr('ng-options');
         this.inputEl.removeAttr('ng-change');
         this.inputEl.removeAttr('checklist-comparator');
+        this.inputEl.removeAttr('name');
         this.inputEl.html(html);
       }
     });