Question

我有一个带变量＆＃39; LoadPercentage＆＃39;返回0-100的整数，然后设置进度条的动画。我希望这能给我一个加载进度的课程：progress-75或类似的。

<div class="progress-bar progress-{{controller.LoadPercentage}}">
    <div class="completed-bar"></div>
</div>

然而，它会产生不同的结果，例如：

<div class="progress-bar progress-20 progress-100">
    <div class="completed-bar"></div>
</div>

添加了多个类，这显然会导致进度条卡在添加的第一个类的位置。在这个例子中，这是20％。

首先关闭 - 导致第二个类绑定的原因是什么？我猜测有一些角度行为会导致这种情况，但我无法在网上找到与之相关的任何内容。

其次，有没有办法实现这个目标？我无法看到使用ng-class的方法，并且无法找到添加数字类的任何示例，其中可能的类的数量大于您想要添加到ng-class条件中的数量。

Answer 1

您需要做的是使用ng-class和您自己的表达式来确定所需的值并返回相应的类。

此外，永远不要直接绑定到作用域上的基元（字符串，数字，布尔）。始终使用点表示法引用事物：例如，而不仅仅是直接存储在范围内的值。

否则会导致绑定错误，导致出现类似于多个类的问题。