bxslider не работает с * ngFor в angular 6

Эта функция возвращает либо "undefined", "null", либо "class" в [object class] из Object.prototype.toString.call(someObject).

function getClass(obj) {
  if (typeof obj === "undefined")
    return "undefined";
  if (obj === null)
    return "null";
  return Object.prototype.toString.call(obj)
    .match(/^\[object\s(.*)\]$/)[1];
}

getClass("")   === "String";
getClass(true) === "Boolean";
getClass(0)    === "Number";
getClass([])   === "Array";
getClass({})   === "Object";
getClass(null) === "null";
// etc...
1
задан Ajay Kumar 29 January 2019 в 09:01
поделиться

2 ответа

Пожалуйста, измените хук OnInit на AfterViewInit.

import { Component, AfterViewInit} from "@angular/core";
declare var jquery:any;
declare var $ :any;
@Component({
  selector: "app-banner",
  templateUrl: './banner.component.html',
  styleUrls: ['./banner.component.css']
})
export class BannerComponent implements AfterViewInit {

  sliders = [
    {"url":"/images/image5.jpg"},
    {"url":"/images/image4.jpg"},
    {"url":"/images/image6.jpg"}
  ];

  constructor() {}

  ngAfterViewInit() {
    $('.slider').bxSlider({
      auto:true
    });

  }


}
0
ответ дан Niral Munjariya 29 January 2019 в 09:01
поделиться

Попробуйте так

sliders: any = []; // Declare 

<div *ngFor="let slide of sliders">
    <img [src]="slide.url" class="img-fluid">
</div>
0
ответ дан Sachin Shah 29 January 2019 в 09:01
поделиться
Другие вопросы по тегам:

Похожие вопросы: