调用 Angular2 中注入的外部函数

Call a external function injected in Angular2

我正在寻找一种在 angular 的主要组件中执行外部函数的方法,如下所示:

<head>  
  <script>
      System.import('app').catch(function(err){ console.error(err); });

      function callback(datos){
        alert("datos: "+datos);
      }
    </script>
  </head>

  <!-- 3. Display the application -->
  <body>
    <my-app [cb]="callback">loading...</my-app>
  </body>

然后在组件中这样调用:

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

@Component({
  selector: 'my-app',
  template: '<h1 (click)="cb()">My First Angular 2 App</h1>'
})
export class AppComponent {
  @Input() cb;
}

但是没用。有人知道这样做的方法吗?

提前致谢。

您不能在根组件上使用绑定 [xxx](或 (xxx))。这仅适用于 Angular 个组件。

也许 或末尾链接的答案可能会给您一些想法。