如何在Typescript中将对象分配给HTMLElement？

Question

I keep getting the argument "Argument of type {Object} is not assignable to parameter of type string, with the following code:

var element = $('<div></div>').addClass('tile')
var tile = {x: 0, y: 0}

element[0].setAttribute('tile', tile)

For some reason Typescript won't allow me to assign the tile property that way. Is there's a way that would work? I've also tried element[0].tile = tile, and that causes the error message "property tile does not exist".

Answer 1

The second parameter to setAttribute must be a string. If you really want to set a JS object as an attribute, you must stringify it:

element[0].setAttribute('tile', JSON.stringify(tile))