Сравните два набора объектов

Question

я сфера под названием $scope.users, который возвращает всех пользователей в моем приложении, как так,

[{"id":1,"name":"Peter Boomsma"}, 
{"id":2,"name":"Jan Jansen"}, 
{"id":3,"name":"Kees Keesen"}, 
{"id":4,"name":"Piet Pietersen"}] 

Тогда у меня есть сфера называется $scope.current_user, который возвращает текущие пользователи, и корочки пользователей он следует,

{"id":4,"name":"Piet Pietersen","following":[ 
    {"id":1},{"id":2},{"id":4}] 
} 

у меня есть нг-повтор, которая показывает все пользователь, и followUser действия для каждого пользователя,

%ul{"ng-repeat" => "user in users"} 
    %li 
    name: {{ user.name }} 
    %a{"ng-click" => "followUser(user)"} Follow user. 

Проблема заключается в том, что я не могу различать пользователя, который уже выполняется, и пользователя, которого не соблюдают. Таким образом, действие followUser всегда есть. Я хотел бы дать пользователям, что текущий пользователь выполняет различные действия, такие как unfollowUser.

У меня есть идентификаторы пользователей, за которыми следует текущий пользователь, но я не знаю, как предоставить этим пользователям другую кнопку. Что-то вроде unfollowUser.

* обновление *

Я получил это работает (по крайней мере, несколько), используя Mihail его предложение,

Когда я иду в шаблон пользователя Загружаю userCtrl,

usersService.loadUsers().then(function(response) { 
    $scope.users = response.data; 

    angular.forEach(response, function(user){ 
    $scope.user = user 

    $scope.isFollowed = function(userId) { 
     var following = $scope.current_user.following; 
     for (var i=0; i<following.length; i++) { 
     if (following[i].id == userId) { 
      return true; 
     } 
     } 
     return false; 
    } 
    }) 
}) 

И в моем шаблоне у меня есть,

%ul{"ng-repeat" => "user in users"} 
    %li 
    name: {{ user.name }} 
    %a{"ng-click" => "followUser(user)", "ng-show" => "!isFollowed(user.id)"} follow 
    %a{"ng-click" => "unfollowUser(user)", "ng-show" => "isFollowed(user.id)"} unfollow 

Это прекрасно работает. Когда пользователь следит, используется функция unfollowUser. Проблема в том, что когда я отключаю пользователя от пользователя, представление не обновляется. Я должен обновить страницу, чтобы увидеть эффект отменить подписку.

Я попытался положить init в конце действий unfollowUser, как это так,

$scope.unfollowUser = function(user){ 
    unfollowFriend.unfollowFriend(user).then(function(){ 
    },function(){ 
    }).then(init); 
    Notification.success(user.name + ' is verwijderd als vriend.'); 
} 

первонача

var init = function(){ 
    console.log ('renew') 
    usersService.loadUsers().then(function(response) { 
    $scope.users = response.data; 

    angular.forEach(response, function(user){ 
     $scope.user = user 

     $scope.isFollowed = function(userId) { 
     var following = $scope.current_user.following; 
     for (var i=0; i<following.length; i++) { 
      if (following[i].id == userId) { 
      return true; 
      } 
     } 
     return false; 
     } 
    }) 
    }) 
} 

Я получаю renew сообщений в моем журнале браузера, но просмотр не обновляется.

Answer 1

Я не очень хорошо Haml, так что я напишу простой HTML пример:

<div ng-repeat="user in users"> 
    <div ng-show="isFollowed(user.id)" ng-click="unfollowUser(user)">unfollow</div> 
    <div ng-show="!isFollowed(user.id)" ng-click="followUser(user)">follow</div> 
</div> 


$scope.isFollowed = function(userId) { 
    var following = $scope.current_user.following; 
    for (var i=0; i<following.length; i++) { 
    if (following[i].id == userId) { 
     return true; 
    } 
    } 
    return false; 
} 

Answer 2

Вы можете сделать функцию, которая проверить, если данный пользователь уже следовал, как:

$scope.isFollowed = function (userID) { 
    //check if the userID is in$scope.current_user.following 
    //return a boolean 
} 

затем в HTML код можно будет проверить на основе этой функции, если показать followUser или unfollowUser.