#58 ngSwitch Directive | Creating & Using Custom Directive |A Complete Angular Course

[@nelsonrivers8546]

Thank you. I see you added video #59 Understanding View Encapsulation. Wonderful. Keep up the great work. I'm following daily.

[@ibrahemnjr9924]

We can use the same event on all of the buttons : (click)="changeTab($event)" and in the ts file tab: string =" "; changeTab(e:any) { this.tab = e.target.value ; } instead of writing one for each of them

[@TheYouSsk]

I have generated the CSS and HTML based on the screen shot of the design... tweak the html and class name accordingly. CSS: ~~~~~ body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f5f5f5; } .container { width: 80%; margin: 0 auto; padding: 0; border: 1px solid #000; background-color: #fff; } .header { background-color: #333; color: #fff; padding: 0; border-bottom: 1px solid #000; } .nav { display: flex; justify-content: space-around; padding: 10px 0; } .nav-button { background-color: #333; color: #fff; border: none; padding: 10px 20px; cursor: pointer; font-size: 16px; } .nav-button:hover { background-color: #555; } .main { padding: 20px; } h1 { font-size: 24px; color: #333; text-align: center; } h2 { font-size: 20px; color: #333; margin-top: 30px; } p { color: #666; line-height: 1.6; margin-bottom: 20px; } .section { margin-top: 20px; } HTML: ~~~~~~ Info Service Privacy User Agreement Terms of services & privacy policy Terms of services Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Privacy Policy Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. User Agreement Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Thanks to ChatGPT ver: GPT-4

[@nelsonrivers8546]

What happened to video #59 ? It is missing.

[@m03arunkumarb11]

update codes in your github repo as many topics are missing its source cod

[@fullstackprojects5615]

where are html css files? In repo it's not there. Could you please share where are these files?

[@sumitchakraborty9680]

Hi, please update Angular 16 git repo as many of the topics are missing