यह 'div' की ज्ञात संपत्ति नहीं है, क्योंकि 'aria-Pricenow' के लिए बाध्य नहीं कर सकते

Question

निम्नलिखित कोड में क्या गलत है? जब मैंने किसी तत्व को अभिव्यक्ति देने की कोशिश की, तो मुझे हाप्न किया गया।

<div class="progress-bar progress-bar-striped active" role="progressbar"
  aria-valuenow="{{MY_PREC}}" aria-valuemin="0" aria-valuemax="100" >
    {{MY_PREC}}
  </div>

के रूप में भी कोशिश की

[aria-valuenow]={{MY_PREC}}

ऐसा लगता है कि RC5 के बाद से ऐसा होता है

कोई विचार?

Answer 1

Angular2 बाइंडिंग डिफ़ॉल्ट रूप से गुण बाइंडिंग है। यदि कोई निर्देश या घटक लागू नहीं होता है, तो ऐसी कोई aria-valuenowसंपत्ति divनहीं है@Input()

इसके बजाय स्पष्ट विशेषता बाध्यकारी का उपयोग करें

attr.aria-valuenow="{{MY_PREC}}" 

या

[attr.aria-valuenow]="MY_PREC" 

Comments

धन्यवाद! अगर मुझे कुछ इस तरह से करने की आवश्यकता है तो क्या होगा:style="width:{{current_data/current_max_data | percent:'1.0-1'}}"

— TheUnreal

[ngStyle] = "{चौड़ाई: current_data / current_max_data | प्रतिशत: '1.0-1'}"

— गुंटर

मेरे लिए `` style.width] = "current_data / current_max_data | प्रतिशत: '1.0-1'" `

— alexopoulos7

आपकी पोस्ट ने मेरे लिए दिन बचा लिया। मैं बूटस्ट्रैप 4 अकॉर्डियन का उपयोग कर रहा हूं <div id="accordion" role="tablist" aria-multiselectable="true">। मुझे अपनी आईडी को एरिया-कंट्रोल्स में टैग पर और डीआरए-लेबेलबी में लगाने की जरूरत है। एक के लिए [attr.aria-controls]="'collapse'+psl.Id"और div के लिए [attr.aria-labelledby]="'heading'+psl.Id"मेरे लिए काम किया।

— सीख ...

क्षमा करें यह उत्तर मेरे लिए बहुत स्पष्ट नहीं है, क्या हमें @Inputकॉल की आवश्यकता है या नहीं?

Answer 2

क्या आपने नया ngModule सामान लागू किया है?

यदि हां, तो घोषणाओं के आदेश का प्रभाव पड़ता है कि आवेदन कैसे काम करना चाहिए। हो सकता है कि आपको अपने निर्देशों को दूसरे क्रम में घोषित करने का प्रयास करना चाहिए

Answer 3

.Ts फ़ाइल:

public MY_PREC = '55';

.Html फ़ाइल में:

<div class="progress-bar progress-bar-striped active" role="progressbar"
     [attr.aria-valuenow]="MY_PREC" [style.width]="MY_PREC+'%'" aria-valuemin="0" aria-valuemax="100" >
     {{MY_PREC}}
</div>