title: Angular inserts random unwanted spans in select options
body: <p>I am using the rorymadden.date-dropdowns for the date dropdowns which includes a  simple select with binds to an array of months:</p>
  
  <pre><code>    &lt;select name="dateFields.month" data-ng-model="dateFields.month" placeholder="Month" class="form-control" ng-options="month.value as month.name for month in months" ng-change="checkDate()" ng-disabled="disableFields"&gt;
         &lt;option  ng-show="!dateFields.month" value="" translate="yes"&gt;#Apply.Month&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p>This prints this HTML:</p>
  
  <pre><code>&lt;select name="dateFields.month" data-ng-model="dateFields.month" placeholder="Month" class="form-control ng-valid ng-dirty ng-valid-parse ng-touched" ng-options="month.value as month.name for month in months" ng-change="checkDate()" ng-disabled="disableFields"&gt;
     &lt;option ng-show="!dateFields.month" value="" translate="yes" class="ng-hide" selected="selected"&gt;&lt;span class="ng-scope"&gt;Month Test&lt;/span&gt;&lt;/option&gt;
     &lt;option value="number:1" label="January"&gt;January&lt;/option&gt;
     &lt;option value="number:2" label="February"&gt;February&lt;/option&gt;
     &lt;option value="number:3" label="March"&gt;March&lt;/option&gt;
     &lt;option value="number:4" label="April"&gt;April&lt;/option&gt;
     &lt;option value="number:5" label="May"&gt;May&lt;/option&gt;
     &lt;option value="number:6" label="June"&gt;June&lt;/option&gt;
     &lt;option value="number:7" label="July"&gt;July&lt;/option&gt;
     &lt;option value="number:8" label="August"&gt;August&lt;/option&gt;
     &lt;option value="number:9" label="September"&gt;September&lt;/option&gt;
     &lt;option value="number:10" label="October"&gt;October&lt;/option&gt;
     &lt;option value="number:11" label="November"&gt;November&lt;/option&gt;
     &lt;option value="number:12" label="December"&gt;December&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Now I want to insert an attribute "translate" into the option in order to make the months translatable.</p>
  
  <p>So I change the select to this:</p>
  
  <pre><code>&lt;select name="dateFields.month" data-ng-model="dateFields.month" placeholder="Month" class="form-control" ng-change="checkDate()" ng-disabled="disableFields"&gt;
     &lt;option ng-show="!dateFields.month" value="" translate="yes"&gt;#Apply.Month&lt;/option&gt;
     &lt;option ng-repeat="month in months" value="{{month.value}}" translate="yes"&gt;{{month.name}}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>But now I get random spans inserted out of nowhere that break the translation functionality. The resulting HTML is this:</p>
  
  <pre><code>&lt;select name="dateFields.month" data-ng-model="dateFields.month" placeholder="Month" class="form-control ng-valid ng-dirty ng-valid-parse ng-touched" ng-change="checkDate()" ng-disabled="disableFields"&gt;
     &lt;option ng-show="!dateFields.month" value="" translate="yes" class="ng-hide"&gt;&lt;span class="ng-scope"&gt;Month Test&lt;/span&gt;&lt;/option&gt;
     &lt;!-- ngRepeat: month in months --&gt;
     &lt;option ng-repeat="month in months" value="1" translate="yes" class="ng-scope"&gt;&lt;span class="ng-binding ng-scope"&gt;#Common.January&lt;/span&gt;&lt;/option&gt;
     &lt;!-- end ngRepeat: month in months --&gt;
     &lt;option ng-repeat="month in months" value="2" translate="yes" class="ng-scope"&gt;&lt;span class="ng-binding ng-scope"&gt;#Common.February&lt;/span&gt;&lt;/option&gt;
     &lt;!-- end ngRepeat: month in months --&gt;
     &lt;option ng-repeat="month in months" value="3" translate="yes" class="ng-scope"&gt;&lt;span class="ng-binding ng-scope"&gt;#Common.March&lt;/span&gt;&lt;/option&gt;
     &lt;!-- end ngRepeat: month in months --&gt;
     &lt;option ng-repeat="month in months" value="4" translate="yes" class="ng-scope"&gt;&lt;span class="ng-binding ng-scope"&gt;#Common.April&lt;/span&gt;&lt;/option&gt;
     &lt;!-- end ngRepeat: month in months --&gt;
     &lt;option ng-repeat="month in months" value="5" translate="yes" class="ng-scope"&gt;&lt;span class="ng-binding ng-scope"&gt;#Common.May&lt;/span&gt;&lt;/option&gt;
     &lt;!-- end ngRepeat: month in months --&gt;
     &lt;option ng-repeat="month in months" value="6" translate="yes" class="ng-scope"&gt;&lt;span class="ng-binding ng-scope"&gt;#Common.June&lt;/span&gt;&lt;/option&gt;
     &lt;!-- end ngRepeat: month in months --&gt;
     &lt;option ng-repeat="month in months" value="7" translate="yes" class="ng-scope"&gt;&lt;span class="ng-binding ng-scope"&gt;#Common.July&lt;/span&gt;&lt;/option&gt;
     &lt;!-- end ngRepeat: month in months --&gt;
     &lt;option ng-repeat="month in months" value="8" translate="yes" class="ng-scope"&gt;&lt;span class="ng-binding ng-scope"&gt;#Common.August&lt;/span&gt;&lt;/option&gt;
     &lt;!-- end ngRepeat: month in months --&gt;
     &lt;option ng-repeat="month in months" value="9" translate="yes" class="ng-scope"&gt;&lt;span class="ng-binding ng-scope"&gt;#Common.September&lt;/span&gt;&lt;/option&gt;
     &lt;!-- end ngRepeat: month in months --&gt;
     &lt;option ng-repeat="month in months" value="10" translate="yes" class="ng-scope"&gt;&lt;span class="ng-binding ng-scope"&gt;#Common.October&lt;/span&gt;&lt;/option&gt;
     &lt;!-- end ngRepeat: month in months --&gt;
     &lt;option ng-repeat="month in months" value="11" translate="yes" class="ng-scope"&gt;&lt;span class="ng-binding ng-scope"&gt;#Common.November&lt;/span&gt;&lt;/option&gt;
     &lt;!-- end ngRepeat: month in months --&gt;
     &lt;option ng-repeat="month in months" value="12" translate="yes" class="ng-scope"&gt;&lt;span class="ng-binding ng-scope"&gt;#Common.December&lt;/span&gt;&lt;/option&gt;
     &lt;!-- end ngRepeat: month in months --&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>What on earth is Angular doing and why? 
  How can I get the expected output which I want it to be like this:</p>
  
  <pre><code>&lt;option ng-repeat="month in months" value="1" translate="yes" class="ng-scope"&gt;#Common.January&lt;/option&gt;
  </code></pre>
  
  <p>Any ideas?</p>