Привет, хочу сделать слайдер через ngx-bootstrap, чтобы картинки были как бэкграунд, или может есть другой способ сделать чтобы основное меню сайта было "поверх" этого слайдера.
Создаю компонент, там создаю массив из фоток
import { Component, OnInit } from '@angular/core';
import { NgStyle } from '@angular/common';
import { NgFor } from '@angular/common';
@Component({
selector: 'app-slider',
templateUrl: './slider.component.html',
styleUrls: ['./slider.component.css']
})
export class SliderComponent implements OnInit {
constructor() { }
images = [];
ngOnInit() {
this.images = [
{"id":1, "url":"assets/img/header.jpeg"},
{"id":2, "url":"assets/img/velo2.jpeg"},
{"id":3, "url":"assets/img/velo3.jpeg"},
]
}
}
В html пишу следующее, но чет не работает
<carousel >
<slide *ngFor = "let image of images" >
<div [ngStyle]="{'background-image': url(' + image.url + ')}"></div>
</slide>
</carousel>
и вот ошибки которые я получаю:
ERROR TypeError: _co.url is not a function
at Object.eval [as updateDirectives] (ng:///AppModule/SliderComponent.ngfactory.js:17)
at Object.debugUpdateDirectives [as updateDirectives] (vendor.bundle.js:82907)
at checkAndUpdateView (vendor.bundle.js:82087)
at callViewAction (vendor.bundle.js:82452)
at execEmbeddedViewsAction (vendor.bundle.js:82410)
at checkAndUpdateView (vendor.bundle.js:82088)
at callViewAction (vendor.bundle.js:82452)
at execComponentViewsAction (vendor.bundle.js:82384)
at checkAndUpdateView (vendor.bundle.js:82093)
at callViewAction (vendor.bundle.js:82452)
