Question

在AngularJS中，我有一个文本框，在编写消息时，如果我们键入@，则它应显示arraylist中的名称列表。请帮助我如何使用angularjs来实现此功能。

预先感谢

Answer 1

首先，您应该发布您到目前为止已经尝试过的内容。.那样只会帮助我们进一步帮助您...

我在这里独自撰写搜索。

针对特定字符串，

您必须在ng-change="func_name(your_txt)"内编写函数

使用substr来阅读文本，以查找您的文本是否包含@，如果它做过滤器。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>  
<html>  
<head>  
    <title>Angular animated search box - sibeeshpassion </title>  
    <style>  
        .inputText {  
            border: 1px solid #ccc;  
            border-radius: 10px;  
            background-color: #0ff;  
            box-shadow: 1px 1px 1px 1px #ccc;  
            width: 230px;  
            height: 30px;  
        }  
  
        ul {  
            list-style: none;  
            padding: 10px;  
            background-color: #CAEAF5;  
            border-radius: 10px;  
            border: 1px solid #ccc;  
            width: 210px;  
        }  
  
        li {  
            border: 1px solid #ccc;  
            border-right: none;  
            border-left: none;  
            padding: 2px;  
            text-align: center;  
        }         
    </style>  
</head>  
<body ng-app ng-init="placesVisited=['Delhi','Kerala','Tamil Nadu','Banglore','Uttar Pradesh','Noida','Haryana','Thrissur'];">  
    <div>  
        <input type="text" ng-change="do_on_at(curPlace)" ng-model="curPlace" class="inputText">  
        <ul>  
            <li  ng-repeat="place in placesVisited | filter:curPlace">  
                <span>{{place}} </span>  
            </li>  
        </ul>  
    </div>  
</body>
</html>

在angularjs的文本框中键入@时如何显示名称列表

1 个答案: