mediamande/angular-three-sixty

Angular 360° component using the three-sixty library https://github.com/mediamanDE/three-sixty.

angular-three-sixty's Issues

_this.images.forEach is not a function

Hi

I tried out the below sample code to start with a basic example.

Importing library

You need to import the module in your application:

import { NgModule } from '@angular/core';
import { ThreeSixtyModule } from '@mediaman/angular-three-sixty';

@NgModule({
    imports: [ThreeSixtyModule]
});
export class AppModule {
}

Usage

Basic usage

import { Component } from '@angular/core';

@Component({
    selector: 'product-page',
    template: `<mm-three-sixty [width]="1280"
                [height]="720"
                [angles]="36" 
                [anglesPerImage]="6" 
                [images]="threeSixtyImages" 
                [preload]="true"></mm-three-sixty>`
})
export class ProductPageComponent {
    public threeSixtyImages: string[] = [
        '/assets/360/my-image-0.jpg',
        '/assets/360/my-image-1.jpg',
        '/assets/360/my-image-2.jpg',
        '/assets/360/my-image-3.jpg',
        '/assets/360/my-image-4.jpg',
        '/assets/360/my-image-5.jpg',
    ];
}

But I ran into the following error:

ERROR Error: "Uncaught (in promise): TypeError: this.images.forEach is not a function
./node_modules/@mediaman/three-sixty/dist/three-sixty.es5.js/ThreeSixty.prototype.preload/...

I imported the Module correctly and i am pretty sure I've done it right.

Could you fix this bug or help me if I'm doing something wrong?

Thanks in advance