ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Chaining Filter example in AngularJS<p>Hi&nbsp;rani,</p> <p>The chaining filters are used to perform the multiple filter operations within the single result.</p> <p>This chaining filters operation will be chained using the pipe<strong> (|)</strong>&nbsp;symbol.</p> <p>AngularJs Filters are</p> <ol> <li>Lowercase</li> <li>Uppercase</li> <li>OrderBy</li> <li>Currency</li> <li>Filter</li> </ol> <p><strong><span style="text-decoration: underline;">Example</span></strong></p> <div class="demo_block"> <pre class="brush: html">&lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.8/angular.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; var app = angular.module(&#39;MyApp&#39;, []); app.controller(&#34;MyController&#34;, function ($scope) { $scope.Customers = [ { CustomerId: 1, Name: &#34;John Hammond&#34;, Country: &#34;United States&#34; }, { CustomerId: 2, Name: &#34;Mudassar Khan&#34;, Country: &#34;India&#34; }, { CustomerId: 3, Name: &#34;Suzanne Mathews&#34;, Country: &#34;France&#34; }, { CustomerId: 4, Name: &#34;Robert Schidner&#34;, Country: &#34;Russia&#34;}]; }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div ng-app=&#34;MyApp&#34; ng-controller=&#34;MyController&#34;&gt; &lt;input ng-model=&#34;name.Name&#34; type=&#34;text&#34; placeholder=&#34;Enter Name&#34;&gt; &lt;hr /&gt; &lt;table border=&#34;1&#34;&gt; &lt;tr&gt; &lt;td&gt;Id&lt;/td&gt; &lt;td&gt;Name&lt;/td&gt; &lt;td&gt;Country&lt;/td&gt; &lt;/tr&gt; &lt;tr ng-repeat=&#34;customer in Customers | filter:name | orderBy: &#39;Country&#39;&#34;&gt; &lt;td&gt;{{customer.CustomerId}}&lt;/td&gt; &lt;td&gt;{{customer.Name}}&lt;/td&gt; &lt;td&gt;{{customer.Country | uppercase }}&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</pre> </div> <p><a class="demo button orange btn btn-red">Demo</a></p>https://www.aspforums.net:443/Threads/470976/Chaining-Filter-example-in-AngularJS/https://www.aspforums.net:443/Threads/470976/Chaining-Filter-example-in-AngularJS/Wed, 08 May 2019 01:45:38 GMT