如何在 TypeScript 中使用 DOMStringMap？

Question

假设我有一个函数：

angular.forEach(myElements, function prepareElements(myEl: HTMLElement, index) {
    myEl.dataset.myProperty = "whatever";
})

我遇到的问题是 error TS2094: The property 'myProperty' does not exist on value of type 'DOMStringMap'

我不太明白lib.d.ts中的interface

interface DOMStringMap {
}
declare var DOMStringMap: {
    prototype: DOMStringMap;
    new (): DOMStringMap;
}

以后……

interface HTMLElement {
    dataset: DOMStringMap;
    hidden: boolean;
    msGetInputContext(): MSInputMethodContext;
}

是我自己还是有点不清楚？

我尝试投射它<DOMStringMap>myEl.dataset.myProperty = "whatever"，但什么也没做...

Answer 1

您也可以将其转换为用户定义的类型

type IType = {myProperty: string}
....
(myEl.dataset) as IType.myProperty = "whatever";

Answer 2

DOMStringMap 接口为空，因为规范尚未最终确定：https://developer.mozilla.org/en/docs/Web/API/DOMStringMap

与此同时，您可以简单地使用：myEl.dataset['myProperty'] = "whatever";