如何将“传统”Js 函数添加到 Angular 2 项目？答案

【问题标题】：How do I add "traditional" Js functions to an Angular 2 project?如何将“传统”Js 函数添加到 Angular 2 项目？
【发布时间】：2017-05-03 20:31:16
【问题描述】：

我正试图闯入 Angular 2。我来自原始 Js、Html 和 Css。所以这是我的第一个框架。

当我学习 Js 时，我学会做的第一件事就是使用 alert("");因为它简单易做。我现在正试图在 Angular 2 中做到这一点。

但是对于我的生活，我找不到在哪里编写这些“传统”Js 函数。

所以，如果我想在单击按钮时执行 alert("Button has been clicked"); 之类的操作，我该怎么做？

提前致谢

【问题讨论】：

你有没有尝试过？
您总是可以在 Angular 中使用普通的旧常规 javascript，因为 Angular 只是一个 javascript 框架。
我一直在学习 Angular.io 上的教程。我想我只是在迷惑自己。当您处理 .js 文件时，Webstorm 没有提出任何类似的建议，所以我认为我肯定做错了什么

【解决方案1】：

这是一个例子：https://plnkr.co/edit/B2viwSKe1K4A61QEan5x?p=preview

如果你想给一个按钮绑定一个点击事件，你可以这样绑定它：

<button (click)="myAlert()">Click me!</button>

我强烈建议你阅读官方文档：https://angular.io/

【讨论】：