Fehleranzeige nur anzeigen, wenn typeahead nicht vorhanden ist

Question

Ich versuche eine Fehlerbenachrichtigung anzuzeigen, wenn der Name nicht gefunden wird. Aber zur Zeit wird der Fehler angezeigt, selbst wenn der Typahead Hinweise gibt.

Welche Bedingung sollte ich in ng-show hinzufügen, so dass die Benachrichtigung nur angezeigt wird, wenn die Typehead außerhalb der Optionen ist.

Der aktuelle Code ist:

div.form-inline 
       input.form-control(type="text", name="owner", ng-model="vm.selectedOwner", typeahead-on-select="vm.ownerChanged()", ng-class="{'input-error': vm.isError === 1, 
'width-full' : vm.isShowOwnerBrowser === 1, 'width-50' : vm.isShowOwnerBrowser !== 1, 
'width-full-icon-1' : vm.isOwnerDirty && vm.isShowOwnerBrowser === 1}", uib-typeahead="owner as owner.name for owner in vm.owners | filter:{name:$viewValue}", typeahead-template-url="customUserRoleTypeAheadTemplate.html", typeahead-select-on-exact="true", typeahead-show-hint="true", typeahead-min-length="0") 
div.spacer-v-out-sm(ng-show="vm.isError === 1") 
        div.notification-inline 
         div.growl-container 
          div.growl-item.alert-error.icon 
           div.growl-message(translate) 
            | Specified user does not exist 

Answer 1

Die Ebene Angular/HTML Antwort ist dies auf Ihre Eingabe Tag hinzuzufügen:

typeahead-no-results="vm.noResultsFound" 

Und dann können Sie entweder tun etwas Einfaches wie:

<span ng-if="vm.noResultsFound">Some message to display on no results</span> 

Oder beobachten Sie es in Ihrem Controller (ich nehme an, Sie haben var vm = das auf dem Code, den ich sehe):

$ scope $ Uhr ('vm.noResultsFound') ...

typeahead-no-Ergebnisse $. (Standard: angular.noop) - Bindung an eine Variable, wenn keine passenden Ergebnisse anzeigt, wurden gefunden.

Quelle: https://angular-ui.github.io/bootstrap/