title: Angularjs ui-select tagging not working
body: <p><strong>THE SITUATION:</strong></p>
  
  <p>I have an angular app that sends emails. <br>
  There are three fields: Address - Subject - Text. <br>
  The address field is built using angular <a href="https://github.com/angular-ui/ui-select" rel="nofollow">ui-select</a></p>
  
  <p>The email address can be choosen from the list or it may be entered anew. <br>
  The problem is that i am not able to create a new entry.</p>
  
  <p>In the documentation there is written that in order to enter a new value it can be used the attribute <a href="https://github.com/angular-ui/ui-select/wiki/ui-select" rel="nofollow">tagging</a>.</p>
  
  <p>But i don't why, is not working with me.</p>
  
  <p><br></p>
  
  <p><strong>THE CODE:</strong></p>
  
  <p>(simple new tag add example)</p>
  
  <pre><code>&lt;ui-select multiple tagging tagging-label="(custom 'new' label)" ng-model="multipleDemo.colors" theme="bootstrap" ng-disabled="disabled" style="width: 300px;"&gt;
  
      &lt;ui-select-match placeholder="Select colors..."&gt;{{$item}}&lt;/ui-select-match&gt;
  
      &lt;ui-select-choices repeat="color in availableColors | filter:$select.search"&gt;
          {{color}}
      &lt;/ui-select-choices&gt;
  
  &lt;/ui-select&gt;
  </code></pre>
  
  <p><br></p>
  
  <pre><code>$scope.availableColors = ['Red','Green','Blue','Yellow','Magenta','Maroon','Umbra','Turquoise'];
  $scope.multipleDemo = {};
  $scope.multipleDemo.colors = ['Blue','Red'];
  </code></pre>
  
  <p><br></p>
  
  <p><strong>PLUNKER:</strong></p>
  
  <p><a href="http://plnkr.co/edit/T55LeKK66Idb3lD8DDPz?p=preview" rel="nofollow">http://plnkr.co/edit/T55LeKK66Idb3lD8DDPz?p=preview</a></p>
  
  <p>As you can see is not possible to insert a new value.</p>
  
  <p><br></p>
  
  <p><strong>QUESTION:</strong></p>
  
  <p>How can i properly insert a new value in angular ui-select?</p>