AngularJSのaddclass：エラーaddclassない私はAngularJSは<code>addclass</code>しようとしているが、エラーを取得する新たなんだ機能

Question

：

addclass is not a function

$scope.viewReport = function(ev,element) 
{ 
     window.location="#tab7"; 
     $scope.tabact = document.getElementById('tab7'); 
     console.log($scope.tabact); 
     $scope.tabact.addClass('active'); 
     $rootScope.callOrder = false 
     $rootScope.step1=true 
     $rootScope.step2=false 
     $rootScope.step3=false 
} 

Answer 1

は、可能な場合はaddClassメソッドを使用しますが、代わりに、より多くのangularish方法は使用しないでください：ng-classを。

<div ng-class="{ 'active' : isActive }"> </div> 

この方法では、あなたがあなたのjsでクリーンなコードになります：

The ngClass directive allows you to dynamically set CSS classes on an HTML element by databinding an expression that represents all classes to be added.

だから、あなたのhtmlにあなたはこのようなものを使用することができます

$scope.viewReport = function(ev,element) { 
    window.location="#tab7"; 
    $scope.isActive = true; 
    //$scope.tabact = document.getElementById('tab7'); no longer needed 
    //$scope.tabact.addClass('active'); no longer needed 

      $rootScope.callOrder = false 
    $rootScope.step1=true 
      $rootScope.step2=false 
      $rootScope.step3=false 
     } 

Answer 2

ない角度で角度

にクラスを追加する正しい方法私たちが持っていますディレクティブng-classは、使用することを

例：

HTML：

<span class="base-class" ng-class="myClass">Sample Text</span> 

JS：

$scope.myClass = ''; 
$scope.viewReport = function() { 
    // some conditions or code 
    $scope.myClass = 'bigRedText'; 
} 

CSS：

.bigRedText { 
    color: red; 
    font-size: 3em; 
}