Posts

Showing posts from October, 2025

Slip 1(a) Write an Angular 13 application addition of two numbers using ng-init, ng-model & ng-bind. And also demonstrate ng-show, ng-disabled, ng-click directives on button component.

Image
 a) ng new slip1 b) cd slip1 c) open app.component.ts   import { Component } from '@angular/core' ; @ Component ({   selector : 'app-root' ,   templateUrl : './app.component.html' ,   styleUrls : [ './app.component.css' ] }) export class AppComponent {   num1 : number = 0 ;   num2 : number = 0 ;   result : number = 0 ;   disableButton : boolean = false ;   showResult : boolean = false ;   add () : void {     this . result = this . num1 + this . num2 ;     this . disableButton = true ;   // Disable the button after calculation     this . showResult = true ;       // Show the computed result   } }                                                                ...

Slip solution angular framework 13(FSD-II)

Image
Write an Angular script to print details of bank (bank name, MICR code, IFC code, address etc.) in tabular form using ng-repeat. import { Component } from '@angular/core'; interface Bank { name: string; micr: string; ifsc: string; address: string; } @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { banks: Bank[] = [ { name: 'HDFC', micr: '123456789', ifsc: 'FNB0001234', address: 'Chinchwad' }, { name: 'SBI', micr: '987654321', ifsc: 'PTB0009876', address: 'Pimpri' }, { name: 'TJSB', micr: '987654323', ifsc: 'TJB0009876', address: 'Pune' }, ]; } <div> <h2>Bank Details</h2> <table> <thead> <tr> <th>Bank Name</th> <th>MICR Code</th> <th>IFSC Code</th> <th>Address</th> </tr> </thead>...