сортировать данные, используя имя пользователя?

Question

У меня есть экран входа в систему с именем пользователя и паролем, я сохранил имя пользователя в переменной с помощью службы. (Пусть это будет getervice.usrname)

У меня есть список данных, im печатает целые данные на следующей странице, используя нг-повтор. я хочу, чтобы напечатать detais персонифицированного лица, то есть фильтр с именем пользователя.

[{ 
"username": "vishnu", 
"FromDate": "Wed Mar 02 2016 10:56:45 GMT+0530 (India Standard Time)", 
"selectedProject": "createwhimsy", 
"task": "fixing bugs", 
"time": "1" 
}, { 
"username": "seenu", 
"FromDate": "Wed Mar 02 2016 10:56:45 GMT+0530 (India Standard Time)", 
"selectedProject": "createwhimsy", 
"task": "working on ui", 
"time": "2" 
    }, { 
"username": "sam", 
"FromDate": "Wed Mar 02 2016 10:56:45 GMT+0530 (India Standard Time)", 
"selectedProject": "bigiron", 
"task": "working on api", 
"time": "5" 
    }, 
    { 
"username": "vishnu", 
"FromDate": "Wed Mar 03 2016 10:56:45 GMT+0530 (India Standard Time)", 
"selectedProject": "timetracker", 
"task": "ui designing", 
"time": "1" 
}] 

Answer 1

Это просто в angularJS, вот пример кода,

В контроллере

$scope.list= [{ 
    "username": "vishnu", 
    "FromDate": "Wed Mar 02 2016 10:56:45 GMT+0530 (India Standard Time)", 
    "selectedProject": "createwhimsy", 
    "task": "fixing bugs", 
    "time": "1" 
    }, { 
    "username": "seenu", 
    "FromDate": "Wed Mar 02 2016 10:56:45 GMT+0530 (India Standard Time)", 
    "selectedProject": "createwhimsy", 
    "task": "working on ui", 
    "time": "2" 
     }, { 
    "username": "sam", 
    "FromDate": "Wed Mar 02 2016 10:56:45 GMT+0530 (India Standard Time)", 
    "selectedProject": "bigiron", 
    "task": "working on api", 
    "time": "5" 
     }, 
     { 
    "username": "vishnu", 
    "FromDate": "Wed Mar 03 2016 10:56:45 GMT+0530 (India Standard Time)", 
    "selectedProject": "timetracker", 
    "task": "ui designing", 
    "time": "1" 
    }] 

и в HTML файл,

<ul> 
    <li ng-repeat="u in list| filter:{username:'vishnu'}"> 
     // print your items 
    </li> 
</ul> 

Здесь приведен пример plnkr. http://plnkr.co/edit/gtfikICLQFeGgrgV7I0i?p=preview

Answer 2

Классическим угловое решение, было бы использовать filter.

Somthing так:

<input type="text" class="form-control" ng-model="query"> 
<div ng-repeat="user in ctrl.data | filter:query"> 
<ul> 
     <li>{{user.username}}</li> 
     <li>{{user.task}}</li> 
    </ul> 
</div> 

см: https://jsfiddle.net/ronapelbaum/7a7f48o3/