角2：属性ディレクティブが入力値を受け取っていません

Question

呼び出す際に渡された値を受け取っていないheatMap属性ディレクティブを作成しました。

ヒートマップ指令：

import {Directive, ElementRef, Input, Renderer, OnInit} from "@angular/core"; 

@Directive({ 
    selector: '[HeatMap]', 
}) 

export class HeatMapDirective{ 

    @Input('startVal') public startVal: string; 

    constructor(private el: ElementRef, private renderer: Renderer) { 
     this.processHeatMap(); 
    } 

    processHeatMap() { 
    console.log(this.startVal); // prints undefined. 
    } 
} 

HTML要素：

<td class="pad-10" [startVal]="'25'" HeatMap> 25 </td> 

私は、文字列と数値が、両方が動作していないの両方に合格する必要があるシナリオを持っています。何か不足していますか？

Answer 1

としてあなたのhtmlを変更し

：

<td class="pad-10" [startVal]="'25'" HeatMap> 25 </td>