playSegments runs whole animation

I am implementing ng-lottie in my angular 4 app. I am trying to play a segment when the animation is created. But on creation, it plays the whole animation at first then loop through the segment. Here is my code -

//Lottie configuration in component.
this.lottieConfig = {
    renderer: 'svg',
    loop: true,
    prerender: false,
    autoplay: false,
    autoloadSegments: false,
    path: './assets/content/data_3.json'
};

//HTML code
<lottie-animation-view [options]="lottieConfig" (animCreated)="handleAnimation($event)" (click)="onAnimationClick()"></lottie-animation-view>

//Handle animation function on animation create
handleAnimation(anim: any) {
	this.anim = anim;
	this.anim.playSegments([[0,479]],true);
} 

Although I am able to find a solution by adding timeout in handleAnimation function. But I do not know if this is the correct way to solve this issue.

//Handle animation function code with timeout
handleAnimation(anim: any) {
	this.anim = anim;

	setTimeout(() => {
		this.anim.playSegments([[0,479]],true);
	} , 1);
}

Just think that it has something to do with this issue https://github.com/bodymovin/bodymovin/issues/398

[chenqingspring]

I just made the config autoloadSegments: false work in v0.2.1

Can you please try it, and give me some feedback? Thanks!

[1pocketaces1]

Also I cannot get the proper syntax for playSegments(). Console is telling me I need ‘:’ instead of a comma?