调用Angular2中注入的外部函数

时间:2016-05-27 16:14:34

标签: javascript angular angular2-directives

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

<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;
}

但它不起作用。有人知道这样做的方法吗?

提前致谢。

1 个答案:

答案 0 :(得分:0)

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

也许https://stackoverflow.com/a/36997723/217408或最后链接的答案可能会给你一些想法。