feat: add known directive

Author: efirst91

apps/angular/4-typed-context-outlet/src/app/directives/person.directive.spec.ts

@@ -0,0 +1,8 @@
+import { PersonDirective } from './person.directive';
+
+describe('PersonDirective', () => {
+  it('should create an instance', () => {
+    const directive = new PersonDirective();
+    expect(directive).toBeTruthy();
+  });
+});

apps/angular/4-typed-context-outlet/src/app/directives/person.directive.ts

@@ -0,0 +1,20 @@
+import { Directive, inject, TemplateRef } from '@angular/core';
+
+interface PersonTemplateContext {
+  $implicit: string;
+  age: number;
+}
+
+@Directive({
+  selector: 'ng-template[personTemplate]',
+})
+export class PersonDirective {
+  private readonly tpl = inject<TemplateRef<PersonTemplateContext>>;
+
+  static ngTemplateContextGuard(
+    _dir: PersonDirective,
+    ctx: unknown,
+  ): ctx is PersonTemplateContext {
+    return true;
+  }
+}