如何在应用程序组件中调用指令方法

Question

我能够在通过@viewChild生成的普通组件中调用指令方法。但是无法在appComponent中调用指令方法。

我已经根据NgLoopStateDirective指令创建了一个方法，即test

test(){
 return 'hi test function';
}

我需要在app.component.ts中调用此方法。我就是这样  app.component.ts

@ViewChild(NgLoopStateDirective) directive;
public callDirective(){
  this.directive.test();
}

此throw en错误 错误TypeError：无法读取未定义的属性“ test”