Привет, я новичок в угловых и HTML.Я застрял с небольшой ошибкой, когда у меня есть раскрывающийся список в представлении html с тегом option внутри тега select, и я использовал ng-repeat, чтобы показать динамический массив, в котором все работает хорошо, у меня есть условие, где естьполе ввода текста над моим раскрывающимся списком с кнопкой добавления, поэтому, как только я нажимаю кнопку добавления, то вводимые мной данные в текстовом поле должны отражаться в раскрывающемся окне с отметкой выбора для данного добавленного ввода в раскрывающемся списке, если янажмите на выпадающий список.
Здесь я использовал ng-modle для сохранения этого ввода и ng-if, чтобы проверить, есть ли какие-либо входные данные в ng-модели, даже это прекрасно работает.Проблема в том, что когда я выбираю значение, которое уже есть в раскрывающемся списке, это конкретное значение дублируется и добавляется в раскрывающееся меню с отметкой.
Вот мой пример кода:
<select ng-model="newItem.Manufacturer" style="font-size: 15px; padding: 0px 25px;" class="form-control">
<option value="">--Select Category--</option>
<option ng-if="newItem.Manufacturer">{{newItem.Manufacturer}}</option>
<option ng-repeat="abcc in addNewCategory" value={{abcc.Manufacturer}}>{{abcc.Manufacturer | camelCase }}</option>
</select>
addNewCatgory - это переменная, которая содержит весь объект. Из этого я беру только производителя и показываю его в раскрывающемся списке.newItem.Manufacturer, где я сохраняю только что введенное значение, newItem уже инициализирован в файле controller.js.
Это две строки кода, в которые я помещаю объект в addNewCategory:
$scope.addNewCategory =[];
$scope.addNewCategory = $scope.items.unique('Manufacturer');
