检查值插入下拉列表中存在与angularjs [英] Check if value insert exist in dropdown with angularjs

问题描述

我用angularjs自动完成一个输入。这是自动完成从被重新由表在下拉psented $ P $一个JSON。我可以过滤结果，点击正确的值，但如果用户键入某个值，是不是在一个错误消息的下拉我会检查。这里是code：

I have a input with an autocomplete with angularjs. This autocomplete is from a json that is represented by a table in a dropdown. I can filter the results and click the correct value but i would check if the user type some value that is not in the dropdown with an error message. Here is the code:

<div ng-app="myApp">
    <div ng-controller="MyCtrl">       
        <div class="uk-form-row uk-width-1-1" data-ng-repeat="items in inputList.getinputList">
         <input ng-model='item.value' type="text" placeholder="Choose"/>
            <!-- WORKS OK -->
            <div class="uk-parent" data-uk-dropdown="{mode:'click'}">
                <a href="">Nav item - Works OK</a>
                <div class="uk-dropdown uk-dropdown-navbar" style="top:50px">
                <table>
                <thead>
                <tr>
                    <th>First Value</th>
                    <th>Second Value</th>
                </tr>
                </thead>
                <tbody>
                <tr data-ng-repeat="item in numberList.getList | filter:item.value" ng-click="setSelected(item)">
                    <td>{{item.first}}</td>
                    <td>{{item.last}}</td>
                </tr>
                </tbody>
            </table>
                </div>
</div>

该angularjs部分

The angularjs part

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.item={}
    $scope.numberList={}
    $scope.numberList.getList=[{'first':'Jon','last':'skeet'},{'first':'naeem','last':'shaikh'},{'first':'end','last':'game'}]

    $scope.inputList={}
    $scope.inputList.getinputList=[{'firstA':'AAA','lastB':'BBBB'}]

    $scope.idSelectedVote = null;
    $scope.setSelected = function (idSelectedVote) {

        $scope.idSelectedVote = idSelectedVote;
        $scope.item.value=idSelectedVote.first+' '+idSelectedVote.last;
        //alert(idSelectedVote);
    };
}

我创建了一个小提琴这里：

I created a fiddle here:

http://jsfiddle.net/8y48q/22/

推荐答案

您可以使用

<tr  ng-show="(numberList.getList | filter:item.value).length == 0"> 
                        <td>Nothing here!</td>
                    </tr>

小提琴

这篇关于检查值插入下拉列表中存在与angularjs的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！