typescript - Angular2通过属性将函数传递给指令

Question

我正在尝试将父组件中的函数绑定(bind)到子组件的属性中。

这是我的

@Component({
  selector: 'awesome',
  templateUrl: 'awesome.html'
})
export class AwesomeComponent {

@Input() callback: Function;

ngOnInit() {

    this.callback();//Error, this.callback is not a function,  but contains a string value on the fuction call
    }
}

我是这样用的

<awesome callback="nameOfFuncFromAnotherComponent"></awesome>

但是好像不行

Answer 1

您的代码仅将字符串 nameOfFuncFromAnotherComponent 绑定(bind)到 callback 属性(以及属性，如果存在)。 Angular 根本不解释该值。

让 Angular 管理绑定(bind)使用

<awesome [callback]="nameOfFuncFromAnotherComponent"></awesome>

使用这种语法 Angular 也计算值

<awesome callback="{{nameOfFuncFromAnotherComponent}}"></awesome>

但在赋值之前将结果转换为字符串(调用 .toString())。

感谢@MarkRajcok 的澄清:)