HTML Filter on ng-Options

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="utf-8" />
    <script src="Scripts/angular.js"></script>
    <script>
    var app = angular.module('selectFilters', []);
    app.controller('ItemCtrl', function($scope)
    {
        $scope.Items = [
        {
            ID: '000001',
            Title: '<b>Chicago</b>'
        },
        {
            ID: '000002',
            Title: '<b><i>New York</i></b>'
        },
        {
            ID: '000003',
            Title: '<div><p>Washington</p></div>'
        }];
    })
    app.filter('htmlToPlaintext', function()
    {
        return function(text)
        {
            return String(text).replace(/<[^>]+>/gm, '');
        }
    })
    </script>
</head>

<body>
    <div ng-app="selectFilters">
        <div ng-controller="ItemCtrl">
            <div>
                <select ng-model="item" ng-options="(item.Title | htmlToPlaintext) for item in Items"></select>
            </div>
        </div>
    </div>
</body>

</html>