मेरे पास एक लूप है जहां मैं गतिशील रूप से आइकन प्रदर्शित करता हूं, आइकन की स्थिति css द्वारा style.css पर स्टाइल की जाती है, लेकिन कक्षाओं का नाम वास्तव में जेसन ऑब्जेक्ट का तत्व होता है।

समस्या यह है कि आइकॉन को स्टाइल करने के लिए जोंस एलिमेंट के मान style का उपयोग कैसे किया जाए।

*ngFor इस तरह दिखता है:

  <div *ngFor="let count of counters; let i = index"  class="{{count.style}} dispanserDiv ">
      <span class="dispLabel"> {{count.name }}</span>
    <img (click)="openStockModal(stockModal)" class="dispanser" src="../assets/icons/dispanserIcons/0.png">
  </div>

When i insepct to check the value,the desired classes are set whith the value as exactly as i want, but when i hard coded the classes it works fine

मैंने भी कोशिश की [ngClass] लेकिन काम नहीं कर रहा, किसी भी मदद की सराहना की जाती है।

0
Ali Al Amine 25 अक्टूबर 2018, 22:37

1 उत्तर

सबसे बढ़िया उत्तर

ठीक है, जब मैंने निरीक्षण तत्व खोला, और मैं स्क्रीन पर मिले टैग पर होवर करता हूं, तो एक शीर्षक संदेश स्क्री की ऊंचाई से एक दिशा तीर के साथ होता है, इसलिए मैंने margin-top attr वें आइकन फिर से दिखाई देता है।

लेकिन मुझे पूरा यकीन है कि जब मैं जेसन तत्व मान का उपयोग किए बिना कक्षा का नाम सेट करता हूं, तो यह ठीक प्रदर्शित होता है, लेकिन जब मैं जेसन तत्व का उपयोग करता हूं तो आइकन एक अलग स्थिति में दिखाई देते हैं, लेकिन मुझे नहीं पता कि ऐसा क्यों हो रहा है। लेकिन यह आखिरकार काम कर गया

1
Ali Al Amine 25 अक्टूबर 2018, 20:07