仅在typeahead不存在时显示错误通知

时间:2016-05-27 23:31:59

标签: angularjs angularjs-directive typeahead

我正在尝试在找不到名称时显示错误通知。但是,即使在预先输入提示时,也会显示错误。

我应该在ng-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

1 个答案:

答案 0 :(得分:0)

简单的Angular / HTML答案是将其添加到输入标记:

typeahead-no-results="vm.noResultsFound"

然后你可以做一些简单的事情:

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

或者在你的控制器中观看它(我假设你有var vm =这基于我看到的代码):

$ scope。$ watch(&#39; vm.noResultsFound&#39;)...

  

typeahead-no-results $(默认值:angular.noop) - 绑定到   变量,表示是否找不到匹配的结果。

来源:https://angular-ui.github.io/bootstrap/