调用注入Angular2的外部函数

Question

我正在寻找一种在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;
}

但这是行不通的。 有人知道这样做的方法吗？

提前致谢。

Answer 1

您不能在根组件上使用绑定[xxx] （或(xxx) ）。 这仅在Angular组件内有效。

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

调用注入Angular2的外部函数

问题描述

1 个解决方案

解决方案1
0 已采纳 2016-05-27 16:17:50

调用注入Angular2的外部函数

问题描述

1 个解决方案

解决方案1 0 已采纳 2016-05-27 16:17:50

解决方案1
0 已采纳 2016-05-27 16:17:50