'আরিয়া-মূল্যবান' বেঁধে রাখতে পারবেন না কারণ এটি 'ডিভ' এর পরিচিত সম্পত্তি নয়

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}}

আরসি 5 এর পরে দেখে মনে হচ্ছে এটি ঘটে

কোন ধারনা?

Answer 1

কৌণিক 2 বাঁধাই হল ডিফল্টরূপে সম্পত্তি বাঁধাই। কোনও নির্দেশিকা বা উপাদান প্রয়োগ করা হয়নি যেখানে এর কোনও 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] = "{প্রস্থ: কারেন্ট_ডেটা / কারেন্ট_ম্যাক্স_ডাটা | শতাংশ: '1.0-1'}"

— গন্টার জ্যাচবাউয়ার

আমার জন্য কাজ করেছেন `[শৈলী.উইথ] =" কারেন্ট_ডেটা / কারেন্ট_ম্যাক্স_ডাটা | শতাংশ: '1.0-1' "`

— অ্যালেক্সোপলস 7

আপনার পোস্টটি আমার জন্য দিনটি বাঁচিয়েছিল। আমি সাথে বুটস্ট্র্যাপ 4 অ্যাকর্ডিয়ান ব্যবহার করছি <div id="accordion" role="tablist" aria-multiselectable="true">। আমার আইডিটি একটি ট্যাগে এবং ডিভিয়া আরিয়া-লেবেল্ডবায় আরিয়া-নিয়ন্ত্রণগুলিতে রাখতে হবে। একটি [attr.aria-controls]="'collapse'+psl.Id"এবং ডিভ [attr.aria-labelledby]="'heading'+psl.Id"জন্য আমার জন্য কাজ।

— শিখছে ...

দুঃখিত, এই উত্তরটি আমার কাছে খুব স্পষ্ট নয়, আমাদের কি কোনও @Inputকল দরকার বা না?

Answer 2

আপনি কি নতুন এনজিএমডিউল স্টাফ বাস্তবায়ন করেছেন?

যদি তা হয় তবে ঘোষণার আদেশটির প্রয়োগ কীভাবে প্রয়োগ করা উচিত তার উপর প্রভাব ফেলে। হতে পারে আপনি অন্য নির্দেশে আপনার নির্দেশাবলী ঘোষণা করার চেষ্টা করা উচিত

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>