Angular 2 组件可以与 index.html 上的元素交互吗？答案

【问题标题】：Can Angular 2 component interact with elements on index.html?Angular 2 组件可以与 index.html 上的元素交互吗？
【发布时间】：2016-10-12 15:06:18
【问题描述】：

我想知道是否有办法在 index.html 文件中预先编写“动态”Angular 2 输入和输出，并且嵌入式 Angular 2 应用程序可以与这些元素绑定？

即index.html

<body>
   <my-app>Loading...</my-app>
   <div>{{getData}}</div>
   <button (click)="onTestGet()">Click me to test get data</button>
</body>

Angular 2 应用程序将在 <my-app> 标记内呈现。

我已经制作了{{getData}}，并且当它们位于 Angular 模板中时，按钮运行良好。但是现在，当它们在 index.html 中时，它们只是愚蠢的元素。

【问题讨论】：

标签： javascript html angularjs angular

【解决方案1】：

出于安全原因，不支持此功能。

如果您想注册事件处理程序，您需要通过直接 DOM 访问强制执行此操作。

另请参阅此类似问题Angular 2 external inputs

【讨论】：