gpt4 book ai didi

javascript - AngularJS 中的条件

转载 作者:行者123 更新时间:2023-11-30 21:03:14 25 4
gpt4 key购买 nike

所以我想在满足条件时添加一个类。我添加了一个 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com