HTML Filter on ng-Options

  1. <!DOCTYPE html>  
  2. <html>  
  3.   
  4. <head>  
  5.     <title></title>  
  6.     <meta charset="utf-8" />  
  7.     <script src="Scripts/angular.js"></script>  
  8.     <script>  
  9.     var app = angular.module('selectFilters', []);  
  10.     app.controller('ItemCtrl', function($scope)  
  11.     {  
  12.         $scope.Items = [  
  13.         {  
  14.             ID: '000001',  
  15.             Title: '<b>Chicago</b>'  
  16.         },  
  17.         {  
  18.             ID: '000002',  
  19.             Title: '<b><i>New York</i></b>'  
  20.         },  
  21.         {  
  22.             ID: '000003',  
  23.             Title: '<div><p>Washington</p></div>'  
  24.         }];  
  25.     })  
  26.     app.filter('htmlToPlaintext', function()  
  27.     {  
  28.         return function(text)  
  29.         {  
  30.             return String(text).replace(/<[^>]+>/gm, '');  
  31.         }  
  32.     })  
  33.     </script>  
  34. </head>  
  35.   
  36. <body>  
  37.     <div ng-app="selectFilters">  
  38.         <div ng-controller="ItemCtrl">  
  39.             <div>  
  40.                 <select ng-model="item" ng-options="(item.Title | htmlToPlaintext) for item in Items"></select>  
  41.             </div>  
  42.         </div>  
  43.     </div>  
  44. </body>  
  45.   
  46. </html>