filter in ng-if

http://angularjs.org/

by Edward Tanguay

HTML

<div ng-controller="mainController">
    <div>There are {{languages.length}} languages in total.</div>
    <div>??? There are {{languages.length}} languages available.</div>
    <div ng-if="languages.length == 0">??? Sorry, there are no languages available.</div>
        
    <ol>
        <li ng-repeat="language in languages | filter: {available: true}">{{language.name}}</li>
    </ol>
</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}
    ];
}