pawankkumawat

// Declaring signals Start
let quantity = signal<number>(1)
let numberList = signal([1,2,3,4])
let vehicle = signal<Vehicle>({'id':'1234',VIN:'MH12VZ0123'})
let vehicleArr = signal<Vehicle[]>([])

// Declaring Computed Signals
let price = computed(()=>{
return quantity()*1000
})

pawankkumawat

import { takeUntilDestroyed,toSignal} from  '@angular/core/rxjs-interop';
import { CommonModule } from '@angular/common';
@Component({
  selector: 'app-unsub-observable-two',
  standalone: true,
  imports: [CommonModule],
  template:`<p *ngIf="timerSignal()">unsub-observable-two works!</p>`
})
export class UnsubObservableTwoComponent {

pawankkumawat

import { takeUntilDestroyed} from  '@angular/core/rxjs-interop';
import { CommonModule } from '@angular/common';
@Component({
  selector: 'app-unsub-observable-two',
  standalone: true,
  imports: [CommonModule],
  templateUrl: './unsub-observable-two.component.html',
})
export class UnsubObservableTwoComponent{

pawankkumawat

  sub = new Subject<boolean>();
 
  ngOnInit(): void {
    this.subscribeSave();
  }
    
  subscribeSave(){
    this.sub.asObservable().pipe(
      exhaustMap((x)=>this.dataService.saveData(this.form.getRawValue()))
    )

pawankkumawat

{
    path: 'bad/:id',
    component: BadComponetDesignComponent,
    canDeactivate:[candeactivateGuard]
  },

pawankkumawat

export class BadComponetDesignComponent implements Candeactivate  {
  form!: UntypedFormGroup;
  candeactivate():boolean{
   return this.form.touched;
  };
}

pawankkumawat

export interface Candeactivate {
  candeactivate:()=>boolean
}

export const candeactivateGuard: CanDeactivateFn<Candeactivate> = (
  component: any,
  currentRoute,
  currentState,
  nextState
) => {

pawankkumawat

concat(...arr).subscribe((response: any) => {
              //handle response
            }, noop,       // handle error
              () => {
                // refresh content
                });

pawankkumawat

let arr = []
validations.forEach(a => {
              let model = {
                orderId: this.orderId,
                SubOrderId: this.SubOrderId
              };
              arr.push(this.validationService.sendValidations(model)); // sendValidations returns an observable
            });

pawankkumawat

  constructor(public dialog: MatDialog){}
  
  async openDialog(data: any) {
    await import(
                /* webpackPrefetch: true */
                '../../module-folder/module-name.module'
            );
    let dialogRef = this.dialog.open(YourComponent, {
      panelClass: 'my-class',
      data: data,