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"

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>

Answer 4

ng-style="{width: MY_PREC+ '%'}" 您可以在进度条标签内的进度条内动态更改进度

不能绑定'aria-valuenow'，因为它不是'div'的已知属性

4 个答案: