2016-10-25 3 views
0

내 이온 프로젝트에서 내가 토글을 사용하고이 전환의 생성 된 HTML은 다음과 같습니다 내가 할 항목 클래스를 싶지 않는 때문에 삭제 클래스 항목이 dynamiclly

<div class="item-toggle toggle-large ng-valid ng-empty item item-toggle" id="dd" ng-class="checkarrivee.ficheDeMission==undefined ? 'item' : ''" ng-model="checkarrivee.boo[var.id]" ng-click="checkarrivee.isMissionSelected(var.id,checkarrivee.ficheDeMission.id)" toggle-class="toggle-positive"><div ng-transclude=""><span class="ng-binding">Ceintures De Sécurités Passagères</span></div><label class="toggle toggle-positive disable-user-behavior"><input type="checkbox" ng-model="checkarrivee.boo[var.id]" class="ng-pristine ng-untouched ng-valid ng-empty"><div class="track"><div class="handle"></div></div></label></div> 

이 dynamiclly 항목 클래스를 확인하는 방법이있다 내 div에 나타납니다, ng-class를 사용하려고했지만 작동하지 않았습니다. 어떻게 항목 클래스없이 div를 얻을 수 있습니까 ???

+1

조건부 다음 클래스를 렌더링'= ""당신의'클래스에서 속성을 제거하고 NG 수준'에 배치 할 경우 = "{ 'item': ifTrueRenderItem}"' –

+0

토글로 생성 된 항목을 제거 할 수 없습니다. ... 문제가 있습니다. –

+0

토글로 생성 된 클래스에서 항목을 제거하고 싶습니다. 내가 원하는 항목 –

답변

0

코드를 통해 지시문을 추가하면 다른 지시문을 사용하여이 문제를 해결할 수 있습니다. 다음은 예제입니다 (테스트되지 않았지만 단순함). 가 속성이 항목 클래스 검사를 트리거 토글 수준의 검사 :

app.directive('toggleClass', function() { 
    return { 
     restrict: 'A', 
     link: function(scope, element, attrs) { 
      if (element.hasClass('item')) { 
       element.removeClass('item'); 
      } 
     } 
    } 
}); 
+0

감사합니다. ser 대답은 ..하지만 내 코드에서 어떻게 사용할 수 있습니까? –

+0

당신은이 지시어를 다른 지시어처럼 앱 모듈에 추가하기 만하면된다. 예를 들어 앱은 다음과 같은 모듈로 시작됩니다. var app = angular.module ('myApp', []); 이 경우,이 지시문을 var app이 선언 된 동일한 파일 (이 파일의 끝에 configs 바로 뒤에)에 복사해야합니다. –

+0

당신은 생명의 은인 ser ... 고맙습니다. 당신은 모로코에서 당신을 원합니다. –

관련 문제