2016-10-10 10 views
26

में छवि संपत्तियों का उपयोग करने का सही तरीका Ionic 2 में छवि संपत्तियों के लिए सबसे अच्छा अभ्यास क्या है? मेरे पास एसवीजी का एक गुच्छा है जिसे मैं गैर-प्रणाली आइकन के रूप में उपयोग करना चाहता हूं। मुझे गुलप का उपयोग करने पर कुछ पुरानी युक्तियां मिलीं लेकिन ऐसा लगता है कि आयनिक टीम ने रोलअप पर पसंद के निर्माण उपकरण के रूप में फैसला किया है, इस पर अब तक कोई दस्तावेज़ नहीं है।आईओनिक 2

किसी ने मुझे बस उन्हें www/img में जोड़ने के लिए कहा। कोई डाउनसाइड्स?

उत्तर

61

www/img में अपनी छवियों को रखने के लिए एक अच्छा आदर्श की तरह लगता है, लेकिन यह केवल जब स्थानीय स्तर पर की सेवा ionic serve का उपयोग कर काम करेंगे।

जब आपके एप्लिकेशन बनाने, www/img जब तक आप के रूप में दिखाया गया है in this postwww/build फ़ोल्डर में आप चाहते हैं फ़ोल्डर से छवियों को कॉपी करने की एक घूंट काम कर हटाया नहीं जाएगा। (अनुशंसित)

html फ़ाइलें में इस्तेमाल किया छवियों src/assets/img में होना चाहिए और न www/assets/img (obselete)। छवि टैग तो इस प्रकार दिखाई देगा:

<img src="assets/img/yourimage.jpg" alt="your image"> 

आयनिक 2 में, src/assets फ़ोल्डर छवियों और फोंट के लिए है।

यह वही है आयनिक टीम guide to modify an existing ionic project में कहते है:

  1. ले जाएँ www/img src/आस्तियों/img करने के लिए।

  2. www/src/assets/में किसी भी अन्य संसाधन को ले जाएं।

+1

बिल्कुल मुझे क्या चाहिए। धन्यवाद दोस्त। –

+0

यही वह है। यह सही तरीका है। – Aruna

+1

मुझे अभी भी एंड्रॉइड डिवाइस के साथ समस्याएं हैं। आईओएस में स्थिर छवियां सही दिखाई देती हैं लेकिन एंड्रॉइड छवि में –

7

[...] ऐसा लगता है आयोनिक टीम पसंद का निर्माण उपकरण, इस पर कोई डॉक्स अब तक के रूप में रोलअप पर फैसला किया है।

लगता है आप की तरह कैसे नए RC.0

वैसे ही जैसे आप conference app छवियों src/assets/img में जमा हो जाती में देख सकते हैं के साथ छवियों का प्रबंधन करने के लिए कह रहे हैं और उसके बाद आप उन्हें अपने एचटीएमएल कोड को जोड़ सकते हैं इस तरह:

<img src="assets/img/myImg.png"> 

इस चरणों Modifying your Existing Project गाइड (चरण 31 सटीक होना करने के लिए) में उल्लिखित में से एक है, इसलिए मुझे लगता है कि यह है कि क्या आयोनिक टीम की सिफारिश की गई है।

संबंधित मुद्दे