2015-05-25 2 views
1

Я использую следующие пакетыугловой 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 
    }; 
}; 

Я бы хотел, чтобы это был список, где я могу выбрать один элемент или добавить новый, но он не работает.

Где ошибка? Является ли тегирование без нескольких вариантов работы?

ответ

0

Для дальнейшего использования,

вы можете сделать это одиночный выбор, установив

taggingLabel to false. 

в директиве

1

Вы можете набор:

tagging-label="false" 

в теге ui-select.

Это работает для меня!