这是一个路障。我做错了什么?
....
/// <reference path="../../../typings/tsd.d.ts" />
var slider:HTMLElement = document.getElementById('slider');
noUiSlider.create(slider, {
start: +$input.val(),
step: +$input.prop('step'),
behaviour: 'tap',
range: {
'min': +$input.prop('min'),
'max': +$input.prop('max')
},
format: wNumb({
decimals: 0,
thousand: ','
})
});
// this barfs in TS — error in as title of this post
slider.noUiSlider.on('update', (values, handle) => {
$input.val(values[0]);
});
// this does too.
<HTMLElement>slider.noUiSlider.on('update', (values, handle) => {
$input.val(values[0]);
});
我的TSD文件包含从https://github.com/retyped/nouislider-tsd-ambient/blob/master/nouislider.d.ts
输入的nouislider错误详情:
{ [TypeScript error: resources/assets/typescript/common.ts(44,25): Error TS2339: Property 'noUiSlider' does not exist on type 'HTMLElement'.]
message: 'resources/assets/typescript/common.ts(44,25): Error TS2339: Property \'noUiSlider\' does not exist on type \'HTMLElement\'.',
fileName: 'resources/assets/typescript/common.ts',
line: 44,
column: 25,
name: 'TypeScript error' }
思想?
编辑:
我的IDE(PHPStorm)暗示可能存在错误。
这指向lib.es6.d.ts
,当然noUiSlider
指向那里。
编辑(解决方案):
var slider = document.getElementById('slider') as noUiSlider.Instance;
noUiSlider.create(slider, {
//...blah...
});
slider.noUiSlider.on('update', (values, handle) => {
$input.val(values[0]);
});
答案 0 :(得分:4)
基于链接的d.ts
,您似乎需要这样做:
var slider: noUiSlider.Instance = document.getElementById('slider') as noUislider.Instance;
它们似乎没有更改HTMLElement
界面,而是用noUiSlider.Instance
扩展它:
declare module noUiSlider {
...
interface noUiSlider {
...
}
interface Instance extends HTMLElement {
noUiSlider: noUiSlider
}
}