Angular Training

Welcome to typeahead feature



Welcome to user searching rxjs explanations

search for users:

All users:



  • 1-Leanne Graham-Sincere@april.biz
  • 2-Ervin Howell-Shanna@melissa.tv
  • 3-Clementine Bauch-Nathan@yesenia.net
  • 4-Patricia Lebsack-Julianne.OConner@kory.org
  • 5-Chelsey Dietrich-Lucio_Hettinger@annie.ca
  • 6-Mrs. Dennis Schulist-Karley_Dach@jasper.info
  • 7-Kurtis Weissnat-Telly.Hoeger@billy.biz
  • 8-Nicholas Runolfsdottir V-Sherwood@rosamond.me
  • 9-Glenna Reichert-Chaim_McDermott@dana.io
  • 10-Clementina DuBuque-Rey.Padberg@karina.biz
  • filtered users:



  • No users found
  • Angular Training

    cat image

    Welcome to Login Page

    Signal State Trackercount: 0

    eventbinding works!

    this is interpolation : Jay

    the type name is Meow


    getsetinputfieldvalue using funciton and event!

    your Name: Jay



    getsetinputfieldvalue using simple event

    your city: Patna



    getsetinputfieldvalue using template reference variable

    your email: jay.prakash@ksolves.com


    styleinangular works!

    Welcome to our app

    hi this is from internal style


    ifelse works!

    true


    this is read from the ifelse.ts and passed through interpolation and ypir makes is 85


    this is box

    switch works!

    Welcome home


    forloop works!

    this is displayed using for loop

    1 - html

    2 - css

    3 - js

    4 - ts

    5 - nextjs

    6 - reactjs

    7 - angular


    1- jay - 21

    2- abhi - 22

    3- mayank - 23

    4- harsh - 24

    5- sagar - 25

    6- nikhil - 26

    7- rohan - 27

    8- pankaj - 28

    9- ankit - 29

    10- rahul - 30


    1 - apple

    2 - banana

    3 - cherry

    4 - orange

    5 - grapes

    6 - mango


    Contextual Variables Tracker-----------------

    Index: 0 | Name: apple | Total Elements: 6 | First Element? true | Last Element? false | Even Row? true | Odd Row? false

    Index: 1 | Name: banana | Total Elements: 6 | First Element? false | Last Element? false | Even Row? false | Odd Row? true

    Index: 2 | Name: cherry | Total Elements: 6 | First Element? false | Last Element? false | Even Row? true | Odd Row? false

    Index: 3 | Name: orange | Total Elements: 6 | First Element? false | Last Element? false | Even Row? false | Odd Row? true

    Index: 4 | Name: grapes | Total Elements: 6 | First Element? false | Last Element? false | Even Row? true | Odd Row? false

    Index: 5 | Name: mango | Total Elements: 6 | First Element? false | Last Element? true | Even Row? false | Odd Row? true



    signals works!

    hello

    0


    this si computed signals example


    Count : 0

    Double : 0

    Triple : 0


    firstName : Jay

    LastName : Prakash

    Fullname : Jay Prakash



    effectsinangualr works!



    0



    pipes works!



    JAY,prakash

    jay

    PRAKASH


    Jul 21, 2026

    21-50-2026

    7/21/26, 9:50 AM

    Jul 21, 2026, 9:50:29 AM

    July 21, 2026, 9:50:29 AM GMT+0

    Tuesday, July 21, 2026, 9:50:29 AM GMT+00:00

    9:50 AM

    9:50:29 AM

    9:50:29 AM GMT+0

    9:50:29 AM GMT+00:00


    1000

    $1,000.00

    €1,000.00

    ₹1,000.00

    ¥1,000

    £1,000.00

    $1,000.00

    CA$1,000.00

    A$1,000.00

    AUD1,000.00

    A$1,000.00


    6,700%


    { "name": "John", "age": 30, "salary": 10000 }





    custompipe works!

    Jprakash


    USD : 5

    INR : 500

    INR : ₹500.00



    we use pipes in angular to transform the data

    we use pipes in angu...




    ngmodelbinding works!



    jay



    livesearch works!




    All data:

    [ { "id": 1, "name": "jay" }, { "id": 2, "name": "hari" }, { "id": 3, "name": "sai" } ]

    user entered data:



    filtered data:

    [ { "id": 1, "name": "jay" }, { "id": 2, "name": "hari" }, { "id": 3, "name": "sai" } ]


    todo-app works!




    templetedrivenfromandsignal works!



    name

    email



    usecommoncomponent works!

    Card 1

    Description 1

    Card 2

    Description 2

    Card 3

    Description 3

    this is showing as being used the card and we haev ng contnet passed in the coomon card





    Lazy Load Component | Not Lazy Load Component

    Angular Change Detection Demo (Angular 21)

    ChangeDetectionStrategy.Default

    Count:0

    Object: Default User (0)

    Last Updated:Never

    ChangeDetectionStrategy.OnPush

    Count:0

    Object: OnPush User (0)

    Last Updated:Never



    Welcome to typeahead feature



    Welcome to user searching rxjs explanations

    search for users:

    All users:



  • 1-Leanne Graham-Sincere@april.biz
  • 2-Ervin Howell-Shanna@melissa.tv
  • 3-Clementine Bauch-Nathan@yesenia.net
  • 4-Patricia Lebsack-Julianne.OConner@kory.org
  • 5-Chelsey Dietrich-Lucio_Hettinger@annie.ca
  • 6-Mrs. Dennis Schulist-Karley_Dach@jasper.info
  • 7-Kurtis Weissnat-Telly.Hoeger@billy.biz
  • 8-Nicholas Runolfsdottir V-Sherwood@rosamond.me
  • 9-Glenna Reichert-Chaim_McDermott@dana.io
  • 10-Clementina DuBuque-Rey.Padberg@karina.biz
  • filtered users:



  • No users found