Как привязать изображение из компонента приложения к HTML-файлу в Angular 2

Как привязать изображение из компонента приложения к HTML-файлу в Angular 2 Это мой относительный путь: assets / images / MyProfile_Summary_1x.png

export class MyProfile  {

image :"./assets/images/MyProfile_Summary_1x.png";

}

body {
	margin: 0;
}

#over img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

 <div id = "over" style = "position:absolute; width:100%; height:100%">
                            <img [src] = "image">
                        </div>

Вам нужно продезинфицировать это

— 18.12.2018 12:39

попробуйте "assets/images/MyProfile_Summary_1x.png"; вместо

— 18.12.2018 12:41

Привет, @Jitender, я пробовал, но не могу получить изображение ...

— 18.12.2018 12:43

С какой именно ошибкой вы столкнулись @Sundeep?

— 18.12.2018 12:49

Можете ли вы создать демонстрацию Stacbliz вашей проблемы или добавить сюда вывод консоли, если есть

— 18.12.2018 12:50

html css angular

18.12.2018 12:37

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

198

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

на самом деле вы используете оператор colon, который используется для определения типа любой переменной в ts

так что вам просто нужно заменить это

image :"./assets/images/MyProfile_Summary_1x.png";

с участием

image = "./assets/images/MyProfile_Summary_1x.png";

if you still face the same issue then please verify your file path as well.

18.12.2018 13:04

Другие вопросы по теме

Отступы ввода текста перекрывают сетку родительского контейнера

Гибкий отзывчивый для мобильных устройств

Ширина моей панели поиска не будет ниже 200 пикселей

Позиционирование Flexbox

Как исправить отображение умляутов немца в firefox?

Sweatalert2 не работает должным образом внутри формы

Переопределить свойство удаления CSS

Расширения браузера Chrome и Firefox URL-адреса изображений CSS в сценариях содержимого

Flexbox - отображать список по вертикали вместо переноса

Как остановить прокрутку, когда нет контента для отображения в angular 6?

Как привязать изображение из компонента приложения к HTML-файлу в Angular 2

Ответы 1

Другие вопросы по теме

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