AngularJS with ui-select error - Error: [ui.select:transcluded] Expected 1 ui-select-matchbut got 0

Question

<div class="form-group">
    <label class="control-label"> Ticket Closure Type </label>
    <ui-select ng-model="resCode" theme="bootstrap"
               ng-click="vm.getClosureTypeOfCloseTicket(resCode)">
        <ui-select-choices ng-repeat="resolutionCode in resolutionCodes | filter: $select.search">
           {{resolutionCode.csmClosureReasonCode}}
        </ui-select-choices>
    </ui-select>

    <!-- <select ng-model="resCode" on-select="vm.getClosureTypeOfCloseTicket(resCode)">
        <option repeat="resolutionCode in resolutionCodes">{{resolutionCode.csmClosureReasonCode}}</option>
    </select> -->

</div>

The code piece I commented out is working as intended. On the other hand when I want to use ui-select, it gives the error below.

Error: [ui.select:transcluded] Expected 1 ui-select-match but got 0

I wonder if it could also be your filter filter: $select.search I suggest you try removing that — K Scandrett
– K Scandrett, Commented Feb 6, 2020 at 10:58

K Scandrett · Accepted Answer · 2020-02-06 10:46:47Z

3

Add classes of the same name to ui-select-match and ui-select-choices.

Source: https://github.com/angular-ui/ui-select/issues/218#issuecomment-292962397

& https://github.com/angular-ui/ui-select/issues/1325#issuecomment-160922087

answered Feb 6, 2020 at 10:46

K Scandrett

16.6k4 gold badges43 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

K Scandrett Over a year ago

I tested using this plunk next.plnkr.co/edit/…. It's using a different version to your ui-select, but you may find it still resolves the problem. Officially they say it was fixed in ui-select v0.14.3+, but other comments suggest it was found broken again

Jye Dec 3, 2024 at 23:58

This did it for me. My error appeared after migrating to angularjs 1.5

Sinan Comert · Accepted Answer · 2020-02-06 11:13:28Z

1

you have to append ui-select-match directive to ui-select.

<ui-select-match placeholder="Select person...">{{$item.name}} &lt;{{$item.email}}&gt;</ui-select-match>

add something like above according to your need.

answered Feb 6, 2020 at 11:13

Sinan Comert

262 bronze badges

Comments

Vivek Kumar · Accepted Answer · 2022-11-05 09:23:31Z

0

Add the tagging attribute binded to a function that return null

HTML:

<ui-select ... tagging="tagHandler" ... >

JS:

$scope.tagHandler = function (tag){
    return null;
}

answered Nov 5, 2022 at 9:23

Vivek Kumar

2,9692 gold badges29 silver badges34 bronze badges

Collectives™ on Stack Overflow

AngularJS with ui-select error - Error: [ui.select:transcluded] Expected 1 ui-select-matchbut got 0

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related