typeaheadが存在しない場合のみ表示するエラー通知

Question

名前が見つからないときにエラー通知を表示しようとしています。しかし、現時点では、仮説がヒントを出しているときでさえ、エラーが表示されています。

nag-showにどのような条件を追加して、先読みがオプションから外れるときに通知を表示するかを指定します。

現在のコードは次のとおりです。

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

プレーン角度/ HTMLの答えはあなたのinputタグにこれを追加することです：

typeahead-no-results="vm.noResultsFound" 

そしてあなたのようなシンプルな何かを行うことができ、次のいずれか

を

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

またはあなたのコントローラでそれを見て（私はあなたがするvar VM =この私が見たコードに基づいていると仮定しています）：

$スコープ$（ 'vm.noResultsFound'）見...

先行入力-NO-結果$（デフォルト：angular.noop） - 。ノーマッチング結果かどうかを示す 変数にバインド発見されました。

出典：https://angular-ui.github.io/bootstrap/