Поскольку getRegistrations(event)
возвращает обещание, вы должны выполнить операции с его возвращаемым значением внутри then
.
Вместо
let registrations = this.getRegistrations(event);
console.log(registrations);
Сделайте это
this.getRegistrations(event).then(registrations => {
console.log(registrations);
// other operations on registrations
});
Можно сделать это сторона сервера: путем измерения изображения и затем установки размера отделения ИЛИ загрузки изображения JS, читают, это - атрибуты и затем установило размер DIV.
И здесь идея, помещает то же изображение в отделении как тег img, но дает ему видимость: скрытый + игра с родственником положения + дают этому отделению изображение как фон.
Возможно, это может помочь, это не точно фон, но Вы получаете идею:
<style>
div {
float: left;
position: relative;
}
div img {
position: relative;
}
div div {
position: absolute;
top:0;
left:0;
}
</style>
<div>
<img src="http://antwrp.gsfc.nasa.gov/apod/image/0903/omegacen_davis.jpg" />
<div>Hi there</div>
</div>
Нет никакого пути к автоматическому, корректируются для размера фонового изображения с помощью CSS.
Можно бездельничать он путем измерения фонового изображения на сервере и затем применения тех атрибутов к отделению, как другие упомянули.
Вы могли также изрубить некоторый JavaScript для изменения размеров отделения на основе размера изображения (после того как изображение было загружено) - это - в основном то же самое.
Если Вам нужно Ваше отделение для автосоответствования изображению, я мог бы спросить, почему Вы просто не помещаете <img>
отметить в своем отделении?