Javascript 将TypeScript文件中的“函数”调用为HTML

我对HTML、TypeScript和JavaScript相当陌生。我当前正在尝试从选定文件夹获取相对路径。我正在使用Stack post中的代码。我添加了用于选择文件夹的HTML，但JavaScript部分有问题。这是一个Angular 2应用程序，所以我有一个TypeScript文件。我在下面添加了我的代码，并在代码之后添加了一个JSFIDLE链接

这是我的HTML：

<div class="panel panel-primary" style="border-color: #464646;">
    <div class="panel-heading" style="border-color: #BBBBBB; height: 35px; padding-top: 3px;">
        <div style="float: left; margin-top: 5px;">Select directory</div>
    </div>
    <div class="panel-body">
        <!--Directory Selection Button-->
        <div class="row">
            <input type="file" id="FileUpload" onchange="selectFolder(event)" webkitdirectory mozdirectory msdirectory odirectory directory multiple />
        </div>
    </div>
</div>

JSIDLE链接：

但是，当我运行应用程序并选择文件夹时，我的控制台会告诉我

selectFolder is not defined.

我到底做错了什么？

您应该使用change而不是onchange属性。基本上，onchange事件在全局javascript scopecontext中查找函数，而当您想要调用与模板关联的组件方法时，您必须按照paranthesis约定中的eventNameevent名称来调用组件函数

此外，在将参数传递给函数而不是事件时，请使用$event

---

$event而不是justevent@CoreyOgburn哦谢谢你们的帮助，我完全错过了这一部分，干杯&谢谢：从头开始——它在我的VisualStudio项目中运行得非常好。再次感谢你的帮助@Roka545很酷，有趣的是你们做了一把有角度的小提琴，这太棒了，一般人都用plunkr。谢谢和干杯：@Roka545我想它应该可以用小提琴演奏

selectFolder is not defined.

(change)="selectFolder($event)"