각도 : HTML에 조건부 특성 추가

Question

각도 1.5를 사용하고 HTML에 조건부 특성을 조건부로 추가하려는 유스 케이스가 있습니다.

설명 : 조건이 true 인 경우 지시문 1과 지정 문 2를 특성으로 추가하려고합니다.

<ng-form class="myForm" directive1 directive2> 

및 조건이 거짓 일 때, 나는 directive3 및 directive4을 원하지는

<ng-form class="myForm" directive3 directive4> 

내가 직접 조건부 논리를하고 시도 속성으로 추가 될하지만이 작동하지 않았다 :

<ng-form class="myForm" {{ condition ? directive1 directive2 :directive3 directive4 }}> 

누구나 쉽게 할 수있는 제안이 있습니까?

Answer 1

ng-if를 사용하지 않는 이유는 무엇입니까?

<ng-form ng-if="condition" class="myForm" directive1 directive2> 
<ng-form ng-if="!condition" class="myForm" directive3 directive4> 

Answer 2

새로운 대답은

<ng-form class="myForm" ng-attr-directive1="{{condition}}" ng-attr-directive3="{{!condition }}"> 

ng-attr 당신에게 사건을 해결합니다. 조건을 검사하고 attr을 HTML 요소에 추가합니다.

ONE OLD

왜 당신은 지시 자체가 ng-show을 사용할 수 없습니다. condition을 확인하고 사실 인 경우에만 나타납니다.

Answer 3

다른 지시문에 해당 지시문을 래핑 할 수 있습니다. 대답은 이미 거기에있다 :

Add directives from directive in AngularJS

내가 다른 대답에서이 코드를 추가하고

:

angular.module('app') 
    .directive('commonThings', function ($compile) { 
    return { 
     restrict: 'A', 
     replace: false, 
     terminal: true, 
     scope: { 
     condition: '=' 
     }, 
     priority: 1000, 
     link: function link(scope,element, attrs) { 
     if(!scope.condition){ 
      element.attr('directive1', ''); 
      element.attr('directive2', ''); 
     }else{ 
      element.attr('directive3', ''); 
      element.attr('directive4', ''); 
     } 

     element.removeAttr("common-things"); //remove the attribute to avoid indefinite loop 
     element.removeAttr("data-common-things"); //also remove the same attribute with data- prefix in case users specify data-common-things in the html 

     $compile(element)(scope); 
     } 
    }; 
    });