JanMalch

Writing your own structural directives with context variables

Complete code in math.directive.ts

After reading this you will be able to create a structural directive with inputs and context variables and use it like this:

<div *math="10; exponent: 3; let input; 
            let exponent = exponent; let r = root;
 let p = power; let ctrl = controller"&gt;

lancevo

import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: 'app-child',
  templateUrl: '<ul><li *ngFor="let i of numbers">{{i}}</li></ul>',
  styleUrls: ['./child.component.css']
})
export class ChildComponent implements OnInit {
  @Input() numbers: number[];