THE ISSUE:
I am facing a challenge with my angular app which is responsible for sending emails.
There are three input fields: Address - Subject - Text.
The address field utilizes angular framework from ui-select
The user can either select an email address from the dropdown list or enter a new one manually.
However, I am encountering difficulties in creating a new entry.
According to the documentation, it is suggested to use the attribute tagging in order to add a new value.
Unfortunately, despite following the instructions, I am still unable to make it work.
CODE SNIPPET:
(example of adding a new tag)
<ui-select multiple tagging tagging-label="(custom 'new' label)" ng-model="multipleDemo.colors" theme="bootstrap" ng-disabled="disabled" style="width: 300px;">
<ui-select-match placeholder="Select colors...">{{$item}}</ui-select-match>
<ui-select-choices repeat="color in availableColors | filter:$select.search">
{{color}}
</ui-select-choices>
</ui-select>
$scope.availableColors = ['Red','Green','Blue','Yellow','Magenta','Maroon','Umbra','Turquoise'];
$scope.multipleDemo = {};
$scope.multipleDemo.colors = ['Blue','Red'];
PLUNKER EXAMPLE:
http://plnkr.co/edit/T55LeKK66Idb3lD8DDPz?p=preview
Despite trying, I am still unable to successfully insert a new value using this method.
QUERY:
What is the correct way to add a new value in angular ui-select?