Angular 8 中的 ProgressBar - 引导答案

【问题标题】：ProgressBar in Angular 8 - BootstrappedAngular 8 中的 ProgressBar - 引导
【发布时间】：2020-05-29 01:57:10
【问题描述】：

我正在尝试使用 Angular 8 Bootstrapped 实现进度条。以下代码工作正常。但是当我绑定整数属性时，分页符

<p><progress showValue="true" type="success" value={{progress}} max="100"></progress></p>
<div class="container">
  <h2>Basic Progress Bar</h2>
  <div class="progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="{{progress}}" aria-valuemin="0" aria-valuemax="100" style="width:70%">
      <span class="sr-only">70% Complete</span>
    </div>
  </div>
</div>

无法绑定到“aria-valuenow”，因为它不是“div”的已知属性。（“基本进度条 ]aria-valuenow="{{progress}}" aria-valuemin="0" aria-valuemax="100" style="width:70%">

【问题讨论】：

是因为双引号吗？ ("{{your_magic_value}}")。删除 "___" 并仅使用 aria-valuenow="progress"
@PrashantPimpale 试过了。它显示进度条，但值没有更新..

标签： typescript bootstrap-4 angular8

【解决方案1】：

试试这个：

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

或

[attr.aria-valuenow]="{{ progress }}"

【讨论】：

@techno 你能提供我可以测试的 stackblitz 演示吗？
StackBlitz 演示似乎很难重新创建。请从drive.google.com/file/d/11KeROn5GHSYByMzGvFWXFWiNUsojJMmv/…下载解决方案\
仅供参考，第二个应该是[attr.aria-valuenow]="progress"。