NetanelBasal

@Component({
  selector: 'app-root',
  template: `
    <div class="container">
      <p tooltip="Tooltip from text">Tooltip from text</p>
      
      <p [tooltip]="template">Tooltip from TemplateRef</p>

      <ng-template #template>
        <span>Tooltip from TemplateRef</span>

NetanelBasal

import { Injectable } from '@angular/core';
import { ActivatedRouteSnapshot, createUrlTreeFromSnapshot } from '@angular/router';

@Injectable({ providedIn: 'root' })
export class MyGuard implements CanActivate {

  canActivate(route: ActivatedRouteSnapshot) {
    if(checkData(route)) {
      return createUrlTreeFromSnapshot(route, ['../sibling']);
    }

NetanelBasal

@Injectable({ providedIn: 'root' })
export class MyGuard implements CanActivate {
  constructor(private router: Router, private route: ActivatedRoute) { }

  canActivate(route: ActivatedRouteSnapshot) {
    if(checkData(route)) {
      this.router.navigate(['../sibling'], { relativeTo: this.route }); 
      return false;
    }
    

NetanelBasal

import { ComponentFactoryResolver, ComponentRef, Directive, EventEmitter, Input, Type, ViewContainerRef } from '@angular/core';
import { Subscription } from 'rxjs';

@Directive({
  selector: '[lazyComp]'
})
export class LazyCompDirective {
  private _inputs;
  private _outputs;
  private subscription = new Subscription();

NetanelBasal

@Injectable({ providedIn: 'root' })
class CanMatchNewTodos implements CanMatch {
  constructor(private ff: FeatureFlagsService) { }

  canMatch() {
    return this.ff.hasPermission('todos-v2');
  }
}

NetanelBasal

import { fakeAsync, tick } from '@angular/core/testing';
import { HotToastService } from '@ngneat/hot-toast';
import { createDirectiveFactory } from '@ngneat/spectator';
import { CopyDirective } from './copy.directive';

describe('CopyDirective', () => {
  const createDirective = createDirectiveFactory({
    directive: CopyDirective,
    mocks: [HotToastService]
  });

NetanelBasal

import { Directive, ElementRef, Input, NgZone } from '@angular/core';
import { HotToastService } from '@ngneat/hot-toast';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { fromEvent, switchMap } from 'rxjs';

@UntilDestroy()
@Directive({
  selector: '[copy]'
})
export class CopyDirective {

NetanelBasal

import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';

@UntilDestroy()
@Directive({
  selector: '[copy]'
})
export class CopyDirective {
  @Input() copy: string;

  constructor(

NetanelBasal

import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';

@UntilDestroy()
@Directive({
  selector: '[copy]'
})
export class CopyDirective {
  @Input() copy: string;

  constructor(private host: ElementRef<HTMLElement>) {}

NetanelBasal

<button copy="Clicking this button copies this text to the clipboard">
  Copy
</button>

<button [copy]="fooText">
  Copy
</button>