Я использую следующие пакетыугловой ui - выберите: пометка без нескольких - почему это не работает?
$ bower list
bower check-new Checking for new versions of the project dependencies..
(...)
├── angular#1.3.15 (1.3.16-build.113+sha.3881831 available, latest is 1.4.0-rc.2)
├─┬ angular-resource#1.3.15 (1.3.16-build.113+sha.3881831 available, latest is 1.4.0-rc.2)
│ └── angular#1.3.15 (latest is 1.4.0-rc.2)
├─┬ angular-route#1.3.15 (1.3.16-build.113+sha.3881831 available, latest is 1.4.0-rc.2)
│ └── angular#1.3.15
├─┬ angular-sanitize#1.3.15 (1.3.16-build.113+sha.3881831 available, latest is 1.4.0-rc.2)
│ └── angular#1.3.15
├─┬ angular-ui-select#0.11.2
│ └── angular#1.3.15 (1.4.0-rc.2 available)
├─┬ bootstrap#3.3.4
│ └── jquery#2.1.4
├── jquery#2.1.4
├── modernizr#2.8.3
└── normalize.css#3.0.3
и у меня есть этот угловой Ui-выберите код
<ui-select
tagging="createTag"
ng-model="needs_ingredient.ingredient"
theme="bootstrap"
ng-disabled="disabled"
title="Zutat auswählen">
<ui-select-match placeholder="Zutat auswählen...">
{{$select.selected.name}}
</ui-select-match>
<ui-select-choices repeat="ingredient in ingredients | filter: {name: $select.search}">
<div ng-if="ingredient.isTag" ng-bind-html="ingredient.name +' <small>(hinzufügen)</small>'| highlight: $select.search"></div>
<div ng-if="!ingredient.isTag" ng-bind-html="ingredient.name + ingredient.isTag | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
, где один элемент ингредиентам-лист выглядит следующим образом
{
"id": 123,
"name": "xyz"
},
и эту часть js-кода для создания новых объектов для списка
$scope.createTag = function (newTag) {
console.log('createTag');
return {
id: null,
name: newTag
};
};
Я бы хотел, чтобы это был список, где я могу выбрать один элемент или добавить новый, но он не работает.
Где ошибка? Является ли тегирование без нескольких вариантов работы?