AngularJS 中的条件答案

【问题标题】：Conditionals in AngularJSAngularJS 中的条件
【发布时间】：2017-10-24 07:44:31
【问题描述】：

因此，如果满足条件，我想添加一个类。我添加了一个 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

【问题讨论】：

我很确定你只是有一个语法错误，它应该是ng-class="{'progress-100': progress.value == 100}"。
感谢您发现我的语法错误。我试过用这个方法ng-class="{'progress-100': progress.value == 100}" 我也试过ng-class="{'progress-100': progress.value === '100'}" 也不管用

标签： javascript angularjs coffeescript

【解决方案1】：

您将进度值设置为 50，然后在 ng-class 中，进度值为 100。该值必须绑定到范围变量。由于我没有您的 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>

【讨论】：

我用更新的代码开始了一个新线程。我已经准备好了一切。但我认为它需要在链接函数中触发