Welcome to Login Page
Signal State Trackercount: 0
Angular Training
Welcome to signin page
Go to home page
User Status
You are not logged in
Angular Training
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:30 AM
July 21, 2026, 9:50:30 AM GMT+0
Tuesday, July 21, 2026, 9:50:30 AM GMT+00:00
9:50 AM
9:50:30 AM
9:50:30 AM GMT+0
9:50:30 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
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 signin page
Go to home page
User Status
You are not logged in