Apply object-fit to an element with Typescript in Angular 2

Question

Im trying to use object-fit for an element in my app. My IDE doesnt recognize this:

child.style.objectFit = 'cover';

For some reason. It has squigly lines under objectFit. And when i do this:

child.style.setProperty( 'object-fit', 'cover', '!important' );

It wont show up in the Inspector of my browser. So it doesnt apply the code.

Why does it behaves so strangely?

score 2 · Accepted Answer · answered Jun 26 '17 at 14:47

2

Apparently your IDE (and environment) can't recognize the typings properly. To overcome that you can try casting it before using:

(child.style as any).objectFit = 'cover';

answered Jun 26 '17 at 14:47

acdcjunior

this works, i can now see it in my inspector. my video doesn't scale to its parent div though . but that's another topic. thanks! – Martijn van den Bergh Jun 27 '17 at 06:27

1 Answers1