title: Cannot read property 'disabled' of undefined
body: <p>I am having an angular JS application. In this I have a dropdown in which I can create a new option by typing and pressing enter key. However when I press enter key I get some JS exceptions</p>
  
  <p>Here is the exception</p>
  
  <pre><code>TypeError: Cannot read property 'disabled' of undefined
  at angular.js:26183
  at forEach (angular.js:336)
  at readNgOptionsMultiple [as readValue] (angular.js:26181)
  at angular.js:28062
  at Scope.$get.Scope.$eval (angular.js:15830)
  at Scope.$get.Scope.$apply (angular.js:15929)
  at HTMLSelectElement.&lt;anonymous&gt; (angular.js:28061)
  at HTMLSelectElement.jQuery.event.dispatch (jquery-2.1.4.js:4435)
  at HTMLSelectElement.elemData.handle (jquery-2.1.4.js:4121)
  at Object.jQuery.event.trigger (jquery-2.1.4.js:4350)
  </code></pre>
  
  <p>The file is Angular.js file and below is the location where it causes.</p>
  
  <pre><code> forEach(selectedValues, function(value) {
          var option = options.selectValueMap[value];
          if (!option.disabled) selections.push(options.getViewValueFromOption(option));
        });
  </code></pre>
  
  <p>My HTML/Angular Code is as below</p>
  
  <pre><code> &lt;div class="row"&gt;
                          &lt;div class="col-xs-12"&gt;
                              &lt;div class="form-group form-md-line-input form-md-floating-label"&gt;
                                  &lt;select class="js-select2-tags form-control input-lg form-control-static" id="new-note-tags" name="note-tags" style="width: 100%" multiple="multiple" data-placeholder="Type one or more tags..."
                                          ng-model="addNote.AssociatedTags" ng-options="option.Name for option in NoteTags track by option.Name"
                                          data-rule-required="true"
                                          data-msg="Note tags cannot be empty"&gt;&lt;/select&gt;
                                  &lt;label for="new-note-tags"&gt;Note Tags&lt;span class="required"&gt; * &lt;/span&gt;&lt;/label&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>Could any one guide me here?</p>
  
  <p>Update:
  I hve checked this and my observation is the newly added option is actually not getting added into the options. 
  var option = options.selectValueMap[value];</p>
  
  <p>I have added this code to make sure options are added. Looks like it is not working. Please note I have a multi select control.</p>
  
  <pre><code>$('.js-select2-tags', $container).select2({
          tags: true,
          multiple: true,
          placeholder: jQuery(this).data('placeholder'),
          allowClear: false
      })
  
  enter code here
  </code></pre>