AngularJS: NgShow Оценка свойств объекта в коллекции

Question

У меня есть переменная области действия с этой структурой:

var $scope.messages = [ 
    { 
    id: '1', 
    body: 'Foo', 
    status: 'read' 
    }, 
    { 
    id: '2', 
    body: 'Bar', 
    status: 'read' 
    }, 
    { 
    id: '3', 
    body: 'Hello', 
    status: 'unread' 
    }, 
    { 
    id: '4', 
    body: 'World', 
    status: 'unread' 
    }, 
] 

На макете HTML, я нг-шоу директива, как это:

<div class="loaderContainer" ng-show="isAnyNewMessage() > 0"> 
    You have unread message(s) 
</div> 

function isAnyNewMessage(){ 
    var count = 0; 
    for(var i = 0; i < $scope.messages.length; i++){ 
    if($scope.messages[i].status == 'unread'){ 
     count++; 
    } 
    } 
    return count; 
} 

Я хочу чтобы показать .loaderContainer, если есть сообщение с status: unread. Как достичь правильного состояния ng-show?

Fiddle: http://jsfiddle.net/tdcbqdcg/1/

---

К сожалению, ребята, что я сделал ошибку.

Функция оценки (isAnyNewMessage) должна быть членом $scope переменных, как это:

$scope.isAnyNewMessage = function() { 
    var count = 0; 
    for (var i = 0; i < $scope.messages.length; i++) { 
     if ($scope.messages[i].status == 'unread') { 
      count++; 
     } 
    } 
    return count; 
}; 

Answer 1

$scope.isAnyNewMessage=function() { 
    var count = 0; 
    for (var i = 0; i < $scope.messages.length; i++) { 
     if ($scope.messages[i].status == 'unread') { 
      count++; 
     } 
    } 
    return count; 
} 

Answer 2

Если вы хотите, конечно, рабочий ответ, вы должны предоставить JSFiddle или весь ваш контроллер. Но от вашего кода:

ng-show - это переменная true или false. Таким образом, вы можете вызвать свою функцию внутри ng-show, но убедитесь, что вы вернули true или false внутри isAnyNewMessage.

Например:

function isAnyNewMessage(){ 
    var count = 0; 
    for(var i = 0; i < $scope.messages.length; i++){ 
    if($scope.messages[i].status == 'unread'){ 
     count++; 
    } 
    } 
    return count > 0; 
} 

<div class="loaderContainer" ng-show="isAnyNewMessage()"> 
    You have unread message(s) 
</div> 

See the docs for ngShow.