Angular2 Asyn c значение вызова не определено

Question

У меня есть код ниже html и ts - когда я отлаживаю код машинописи, я не получаю никаких значений в параметрах, это потому, что когда значение передается, внутренний вызов не выполняется, поэтому он отправляет неопределенное значение. как я могу отложить вызов html, чтобы получить значения?

html file:

   <button (click)="test()">
       <component [param]="param"></component>
   </button>

ts file:

   @Input param: any;    
      test() {
        this.service.getData()
          .subscribe((val) => {
            this.param = val;
          });
    }

Answer 1

Один из способов - поставить *ngIf на компонент и показывать его только тогда, когда param станет правдивым.

<button (click)="test()">
       <component *ngIf="!!param" [param]="param"></component>
</button>

Другой способ - передать значение по умолчанию, пока param не станет правдивым;

<button (click)="test()">
       <component [param]="param ? param : 'hello world'"></component>
</button>

Мы передаем hello world по умолчанию, но вы можете передать все, что захотите.