所以我想在满足条件时添加一个类。我添加了一个 ng-class 并且我想在值达到 100 时添加一个类。下面是我的指令。我知道这可以用 ng-class 我只是忘记了如何实现它。
angular.directive 'atomProgressbar', ($patterns, $atomicService) ->
template: """
<progress ng-class="{'progress-100: progress.value == 100'}" id='progress-bar' max='100' value='50'></progress>
"""
scope: $patterns.NGBindings(pattern.bindings)
link: ($scope) ->
$atomicService.processBindings(pattern, $scope)
# EXAMPLE ->
# %atom-progress{:max => "100", :value => "0"}
export default pattern最佳答案
您将进度值设置为 50，然后在 ng 类中进度值为 100。该值必须绑定(bind)到范围变量。由于我没有你的 JS 代码，我假设这是你的实际代码。我创建了一个 plunker 来证明它使用正确的语法可以正常工作。如果仍然无法正常工作，我们将需要查看完整代码以找出问题所在。检查元素时是否看到添加了“progress-100”类？
http://plnkr.co/edit/11v47PalZgn7vIOKLfFR?p=preview
<body ng-controller="MainCtrl">
<p>Hello {{name}}!</p>
<progress ng-class="{'progress-100':value == 100}" id='progress-bar' max='100' value={{value}}></progress>
</body>
关于javascript - AngularJS 中的条件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46898909/