AngularJS aangepast filter met voorbeeld

Deze tutorial is {Demofilter} var app = angular.module('DemoApp',[]); app.filter('Demofilter',function(){ return function(input) { return input + 'Tutorial'} }); app.controller('DemoController',function($scope){ $scope.tutorial ='Angular'; });

Code Verklaring:



aplicativo de lista grátis para windows
  1. Hier geven we een string 'Angular' door in een lidvariabele met de naam tutorial en koppelen deze aan het scope-object.
  2. Angular biedt de filterservice die kan worden gebruikt om ons aangepaste filter te maken. Het 'Demofilter' is een naam die aan ons filter wordt gegeven.
  3. Dit is de standaard manier waarop een aangepast filter wordt gedefinieerd waarin een functie wordt geretourneerd. Deze functie bevat de aangepaste code om het aangepaste filter te maken. In onze functie nemen we een string 'Angular' die vanuit onze view naar het filter wordt doorgegeven en voegen we de string 'Tutorial' hieraan toe.
  4. We gebruiken onze demofilter op onze lidvariabele die is doorgegeven van de controller naar de weergave.

Als de code met succes is uitgevoerd, wordt de volgende uitvoer weergegeven wanneer u uw code in de browser uitvoert.

Uitgang:



Van de uitgang,

  • Het is te zien dat ons aangepaste filter is toegepast en
  • Het woord 'Tutorial' is toegevoegd aan het einde van de tekenreeks, die werd doorgegeven in de zelfstudie voor ledenvariabelen.

Samenvatting:

como baixar do spotify para mp3

Als er een vereiste is waaraan niet wordt voldaan door een van de filters die zijn gedefinieerd in hoekig, dan kunt u uw aangepaste filter maken en uw aangepaste code toevoegen om het type uitvoer te bepalen dat u van het filter wilt.a