Блог

Главная - Вопросы по программированию - Фоновое изображение в стиле Ionic ngStyle динамически

Фоновое изображение в стиле Ionic ngStyle динамически

#css #angular #typescript #ionic-framework #ionic3

#css #угловой #машинописный текст #ionic-framework #ionic3

Вопрос:

Я пытаюсь привязать фоновое изображение в стиле ngStyle к моей карте

Вот мой код:

         <ion-slides slidesPerView="1" centeredSlides (ionSlideWillChange)= "slideChange($event)" [ngStyle]= "{'background-image': 'url('  bg  ')'}">

мой TS-файл

   bg = "images/sample.jpg"

Я использовал также this.bg и ‘background’ вместо ‘background-image’, но ничего не произошло. Спасибо

Ответ №1:

Вы делаете это правильно, вот рабочая демонстрация

 <ion-slides slidesPerView="1" centeredSlides (ionSlideWillChange)= "slideChange($event)" [ngStyle]= "{'background-image': 'url('  bg  ')'}">
Test Content for aJaysanity
</ion-slides>

Если вы проверите инструменты разработчика, увидите ли вы ошибку 404 для изображения, которое вы установили?