Question

所以我想在符合条件的情况下添加一个类。我已经添加了一个ng-class，我想在值达到100时添加一个类。这是一个看看我的指示。我知道这可以用ng-class我忘了如何实现这个。

＆＃13;

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

＆＃13;

Answer 1

您正在将进度值设置为50，然后在ng-class中将进度值设置为100.该值必须绑定到范围变量。由于我没有你的JS代码，我假设这是你的实际代码。我创建了一个plunker来证明它的工作正常，语法正确。如果它还没有工作，我们需要查看完整的代码，以找出它出错的地方。你看到＆＃34;进展-100＆＃34;检查元素时添加了类？

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>

AngularJS中的条件

1 个答案: