角度とjQueryクリック機能

Question

は、だから私は

<div class="folder_icon" ng-click="selectFolder()">..... 

そして、私はselectFolder（）関数は次のようになりますの角度NG-クリック機能を使用するHTMLコードを持っている：

$scope.selectFolder = function() { 
    $(".folder_icon").click(function() { 
     if ($scope.folder_select == false) { 
      $(this).parent().closest('div[class^="folder_nr_"]').css({ 
       'border': 'solid', 
       'border-width': '1px', 
       'border-color': '#ff7d43', 
       'box-shadow': '0 0 20px #ff7d43' 
      }); 
      $scope.folder_select = true; 

     } 
     else { 
      $(this).parent().closest('div[class^="folder_nr_"]').css({ 
       'border': '', 
       'border-width': '', 
       'border-color': '', 
       'box-shadow': '' 
      }); 
      $scope.folder_select = false; 
     } 
    }); 
}; 

私はこの機能を使用する場合角度のクリックと$ .jQuery.click（）関数のために2回クリックする必要があります。 jquery click functionを使用せずに同じ機能を使用できますか？

Answer 1

あなたはこれをAngularな方法で実行する必要があります。それは本当に簡単です。今ブール変数（folder_select）

<div ng-class="{'myClass': folder_select}"></div> 

、とき$scope.folder_select

今

.myClass { 
    border: solid 
    border-width: 1px 
    border-color: #ff7d43 
    box-shadow: 0 0 20px #ff7d43 
} 

は、ngClass経由であなたの要素にこのクラスを適用すると：まず、あなたが上記の適用しているあなたのCSSルールでクラスを作りますtrueの場合、このクラスが適用されます。今すぐあなたの角度を更新してください。

$scope.selectFolder = function() { 
    $scope.folder_select = !$scope.folder_select; 
}