كيفية استخدام الصورة في <img> في Angular 5

1

لدي صورة محلية في مجلدي. لكن لا يمكنني استخدام هذه الصورة. هيكل المجلدات:

Imagen 78

أريد استخدام logo.jpg في login.component.html. أنا أستخدم هذا الرمز:

<img src="img/logo.jpg">

لكن لا يعمل لي

3 الاجابة

2
افضل جواب

TL؛ DR: لنفترض أنك تستخدم @ angular / cli حاول تحريك img المجلد تحت src\assets ثم افعل <img src="assets/img/logo.jpg"> .

الطريقة القياسية هي وضع الأصول assets مجلد تحت جذر مصدر التطبيق الخاص بك. قيل في البناء angular.json لتضمين الأصول بتحديد (على سبيل المثال):

projects.<your-project>.architect.build.options.assets: [ "src/assets", "src/favicon.ico", "src/manifest.json" ]

كل ما تم تحديده سيتم نسخه حرفيا إلى الخاص بك dist مجلد.

لاحظ أنه يجب أن تكون الأصول تحت src الجذر ، في مكان ما. لذلك تحاول أن تضيف "src/../img" لتكوين ستفشل. على الأقل مع التكوين الخاص بي و CLI.

تحرير: فقط لاحظت ذكر Angular5. هذا منذ وقت طويل ولكن تم تسمية ملف التكوين IIRC هناك .angular.json (انظر النقطة). هيكل التكوين مختلف قليلاً ، فقط ابحث عن "الأصول".

:مؤلف
0

تغيير المسار إلى: '../../../img/logo.png'

أو انقل الصور إلى الأصول أسفل src و src / الأصول

ثم الرجوع في img src الخاص بك على النحو التالي:

img src="assets/img/logo.png">

:مؤلف
0

تحتاج إلى توفير المسار النسبي بأكمله

أعتقد أنه من:

src="../.././img/logo.jpg"

أو ربما

 src="../../../img/logo.jpg"
:مؤلف
فوق
قائمة طعام