AngularJS - 按属性值查找元素

html
<!DOCTYPE html>
<html>
<head>
    <script src="angular.min.JS"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
    <ul>
        <li ng-repeat="item in items" ng-if="item.type === 'fruit'">{{ item.name }}</li>
    </ul>
    <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
            $scope.items = [
                { name: 'Apple', type: 'fruit' },
                { name: 'Carrot', type: 'vegetable' },
                { name: 'Orange', type: 'fruit' },
                { name: 'Broccoli', type: 'vegetable' }
            ];
        });
    </script>
</body>
</html>