ng-repeat mit zweidimensionaler Anordnung

Question

Ich habe ein Array, das von der Form

$scope.vehPermitTypevalue = [ [ "NP","National Permit"], ["IND_AP","Andra Pradesh"]]; 

HTML-Code:

<ui-select name="permit" id ="permit" multiple ng-model="vehicle.selectedPermits" on-select="getVehiclepermitId($item)" ng-disabled="disabled" class="w-md mb-10"> 
    <ui-select-match placeholder="Select or search a Permit Type in the list...">{{$item[1]}}</ui-select-match> 
    <ui-select-choices repeat="permittype in vehPermitTypevalue | filter:$select.search"> 
     <span ng-bind-html="permittype | highlight: $select.search"></span> 
    </ui-select-choices> 
    </ui-select> 

Im Drop-Down Ich brauche nur die "Nationale Permit", Andra“ Pradesh ", aber es zeigt sich wie NP, National Permit AP, Andra Pradesh in einem Drop-Down.

Ich habe meinen Code geändert auf „nationale Permit“ anzuzeigen habe ich ähnliche

<ui-select name="permit" id ="permit" multiple ng-model="vehicle.selectedPermits" on-select="getVehiclepermitId($item)" ng-disabled="disabled" class="w-md mb-10"> 
<ui-select-match placeholder="Select or search a Permit Type in the list...">{{$item[1]}}</ui-select-match> 
<ui-select-choices repeat="permittype in vehPermitTypevalue[index][1] track by $index | filter:$select.search"> 
    <span ng-bind-html="permittype | highlight: $select.search"></span> 
</ui-select-choices> 

dann nicht in der Lage nach unten alle Elemente in Dropdown angezeigt werden soll.

Nach der Auswahl einer Option wird es richtig angezeigt wie "nationale Erlaubnis" mit "X" markieren, um zu löschen, ich tat {{$ item 1}}.

hier Ich füge Bilder

Nach der Auswahl ich so bin immer wegen {{$ item 1}}

Answer 1

Versuchen Sie, diese

<ui-select-choices repeat="permittype in vehPermitTypevalue track by $index | filter:$select.search"> 
    <span ng-bind-html="permittype[1] | highlight: $select.search"></span> 
</ui-select-choices>