AngularJS ఫిల్టర్ ఉదాహరణ: లోయర్‌కేస్, అప్పర్‌కేస్ & JSON

ఈ ట్యుటోరియల్ {tutorial} var app = angular.module ('DemoApp', []); app.controller ('DemoController', ఫంక్షన్ ($ స్కోప్) {$ scope.tutorial = {TutorialID: 12, tutorialName: 'Angular'};});

కోడ్ వివరణ:

  1. ఇక్కడ మేము 'ట్యుటోరియల్' అనే మెంబర్ వేరియబుల్‌లో ఒక నంబర్‌ను పాస్ చేస్తున్నాము మరియు దానిని స్కోప్ ఆబ్జెక్ట్‌కు అటాచ్ చేస్తున్నాము. ఈ మెంబర్ వేరియబుల్‌లో ట్యుటోరియల్ ఐడి: 12, మరియు ట్యుటోరియల్ నేమ్: 'యాంగులర్' యొక్క JSON టైప్ స్ట్రింగ్ ఉంది.
  2. మేము మెంబర్ వేరియబుల్ ట్యుటోరియల్‌ని ఉపయోగిస్తున్నాము మరియు JSON ఫిల్టర్‌తో పాటు ఫిల్టర్ సింబల్ (|) వేస్తున్నాము.

కోడ్ విజయవంతంగా అమలు చేయబడితే, మీరు బ్రౌజర్‌లో మీ కోడ్‌ని అమలు చేసినప్పుడు కింది అవుట్‌పుట్ చూపబడుతుంది.

అవుట్‌పుట్:

అవుట్పుట్ నుండి,

  • స్ట్రింగ్ లాంటి JSON పార్స్ చేయబడి బ్రౌజర్‌లో సరైన JSON ఆబ్జెక్ట్ ప్రదర్శించబడిందని చూడవచ్చు.

సారాంశం:

  • వినియోగదారుకు అవుట్‌పుట్ ప్రదర్శించబడే విధానాన్ని మార్చడానికి ఫిల్టర్లు ఉపయోగించబడతాయి.
  • స్ట్రింగ్‌ల అవుట్‌పుట్‌ను లోయర్‌కేస్ మరియు అప్పర్‌కేస్‌లుగా మార్చడానికి కోణీయ లోయర్‌కేస్ మరియు అప్పర్‌కేస్ ఫిల్టర్‌లు వంటి అంతర్నిర్మిత ఫిల్టర్‌లను అందిస్తుంది.
  • నంబర్‌లో ప్రదర్శించాల్సిన దశాంశ బిందువుల సంఖ్యను పేర్కొనడం ద్వారా నంబర్ ఫిల్టర్‌ను ఉపయోగించడం ద్వారా సంఖ్యలను ప్రదర్శించే విధానాన్ని మార్చడానికి కూడా ఒక నిబంధన ఉంది.
  • ఎవరైనా కరెన్సీ చిహ్నాన్ని ఏ సంఖ్యకైనా జోడించడానికి కరెన్సీ ఫిల్టర్‌ని కూడా ఉపయోగించవచ్చు.
  • ఒకవేళ json నిర్ధిష్ట అవుట్‌పుట్ కలిగి ఉండాల్సిన అవసరం ఉంటే, JSON ఫార్మాట్‌లో ఏదైనా JSON వంటి స్ట్రింగ్‌ను ఫిల్టర్ చేయడానికి కోణీయ JSON ఫిల్టర్‌ను కూడా అందిస్తుంది.