angular踩坑:类型“HTMLElement”上不存在属性“selectedIndex”。ts(2339)

0.背景

报错如下：

类型“HTMLElement”上不存在属性“selectedIndex”

类型“HTMLElement”上不存在属性“options”。

原因是因为在angular中操作了dom。而且还是select框。

报错代码如下：

 document.getElementById("cycle_year").selectedIndex

1.解决办法

angular操作dom和普通JS不完全一样，

如果要操作select的dom，需要改成下面这样

  var index =(<HTMLSelectElement>document.getElementById("reportfill_cycle_year")).selectedIndex

前面加上了<HTMLSelectElement> 这样就不会报错了。

同理，

如果是input框要操作dom，可以改成

var value = (<HTMLInputElement>document.getElementById("id")).value;