javascript - Typescript方法未调用

我有一个导入/导出功能。
这是我的cshtml代码。

<a href="#" onclick="$('#importPopup').dialog('open');return false;"><img src="import.png" class="btn btn-default btn-xs" title="Importfrom file" data-toggle="tooltip" data-placement="bottom" /></a>

<a href="#" onclick="return false;" ng-click="myViewModel.ExportFile()"><img src="export.png" class="btn btn-default btn-xs" title="Export to file" data-toggle="tooltip" data-placement="bottom" /></a>

<div id="importPopup" title="Import">
    <p><input type="file" id="file_upload" name="file_upload" /></p>
    <p><input type="button" class="_button" value="Import File" ng-click="myViewModel.ImportFile()" /></p>
</div>

现在，我的typescript代码有两个函数。

public ImportFile() {
    // some codes here
}

public ExportFile() {
    // some codes here
}

我的问题是我的ImportFile函数没有被命中。我试着在两个断点上都设置了两个断点，ExportFile正在工作，而不是ImportFile。
我错过了什么？

最佳答案

问题是$('#importPopup').dialog('open');。这意味着html是通过bootstrap呈现的，而不是经过angular$compile过程。因此，未设置ng-click。
修复
使用角引导模式：https://angular-ui.github.io/bootstrap/#/modal