Poplulating list of user в текстовом поле, например whatsapp в angularjs

Question

Я хочу заполнить список пользователей, когда пользователь нажимает кнопку @ в текстовом поле, например whatsapp «group» в angularjs. HTML является
<input class="nostyle search-filter" ng-model="searchUsers" type="text" placeholder="Search" />

контроллер «$scope.allGroupMembers» представляет собой массив, который содержит все пользователи для группы. Заранее спасибо

Answer 1

Используйте $ часов, чтобы вызвать showList, когда пользователь вводит "@"

HTML

<input class="nostyle search-filter" ng-model="searchUsers" type="text" placeholder="Search" /> 

    <div ng-show="showList"> 
    <div ng-repeat="user in allGroupMembers"> 
     {{user.name}} 
    </div> 
    </div> 

JS

$scope.showList=false; 


$scope.$watch('searchUsers'. function(newValue, oldValue){ 
    if(newValue[newValue.length]==='@'){ 

     $scope.showList=true; //Function to show list of user from array. 
    } 

});