复选框和文件标签在 Angular2 中不起作用答案

【问题标题】：Checkbox and file tags don't work in Angular2复选框和文件标签在 Angular2 中不起作用
【发布时间】：2017-03-23 20:20:48
【问题描述】：

我在 Angular2 中有一个表单，它有几种输入类型：文本、文件、复选框和文本区域。当您单击文本和文本区域时，它们会按预期聚焦。但是，当我单击复选框或文件元素时，什么都没有发生。该复选框未选中，“选择文件”对话框未打开。我在有和没有 [ngModel] 的情况下都试过了，但似乎没有什么不同。

起初我认为这可能是由于 z-index 的一些问题，但我尝试删除所有 z-index 实例，但没有任何区别。

我从研究中得到的另一个想法是，在某处为这些元素调用了某些方法 onclick 抵消了元素的自然行为，但我找不到任何可能发生在我自己的实例代码。

我是 Angular2 的初学者，所以如果这是我没有想到的一些简单答案，请提前道歉。

TYIA！

【问题讨论】：

[ngModel]？你是说[(ngModel)]
发布您的一些代码，例如出现问题的表单元素和任何其他相关部分
你能提供一个 plunker 来证明这一点吗？

标签： javascript html file angular checkbox

【解决方案1】：

在尝试为 plunkr 简化我的应用时，我发现了我的问题。我在 document:click 上有一个带有主机侦听器的指令“clickOutside”，以检查是否有任何点击在元素之外。我在页面上的几个地方使用了它。事实证明，如果它里面除了一个简单的方法调用之外还有什么（例如 (clickOutside)="runMethod(); otherValue = true;" 而不是 (clickOutside)="runMethod() 它会使文件和复选框标签不工作正常。我不知道为什么会这样，但它很容易解决！

【讨论】：