filter in ng-if

http://angularjs.org/

HTML

<div ng-controller="mainController">
    <div>There are {{languages.length}} languages in total.</div>
    <div>There are {{(filtered = (languages|filter:{available:true})).length}} languages available.</div>
    <div ng-if="filtered.length == 0">Sorry, there are no languages available.</div>       
    <ol>
        <li ng-repeat="language in filtered">{{language.name}}</li>
    </ol>
    
    filtered=[{{filtered}}]
</div>

CSS

ol {
    margin: 10px 0 0 40px;
    list-style-type: disc;
}

JavaScript

var myApp = angular.module('mainApp',[]);

function mainController($scope) {
    
        $scope.languages = [
        {id:1, name:"German", available: false},    
        {id:2, name:"English", available: true},    
        {id:3, name:"French", available: false},  
        {id:4, name:"Italian", available: true},  
        {id:5, name:"Spanish", available: false}
    ];
}