لدي صورة محلية في مجلدي. لكن لا يمكنني استخدام هذه الصورة. هيكل المجلدات:
أريد استخدام logo.jpg في login.component.html. أنا أستخدم هذا الرمز:
<img src="img/logo.jpg">
لكن لا يعمل لي
لدي صورة محلية في مجلدي. لكن لا يمكنني استخدام هذه الصورة. هيكل المجلدات:
أريد استخدام logo.jpg في login.component.html. أنا أستخدم هذا الرمز:
<img src="img/logo.jpg">
لكن لا يعمل لي
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
(انظر النقطة). هيكل التكوين مختلف قليلاً ، فقط ابحث عن "الأصول".
تغيير المسار إلى: '../../../img/logo.png'
أو انقل الصور إلى الأصول أسفل src و src / الأصول
ثم الرجوع في img src الخاص بك على النحو التالي:
img src="assets/img/logo.png">
تحتاج إلى توفير المسار النسبي بأكمله
أعتقد أنه من:
src="../.././img/logo.jpg"
أو ربما
src="../../../img/logo.jpg"