여러 요소가 ng-if와 함께 표시되며 항상 1 개만 표시됩니다. 동일한 ID를 공유 할 수 있습니까?

Question

제목과 같습니다. 나는 ng-if와 같은 id로 2 개의 엘리먼트를 갖고 싶다. 동시에 그것들 중 오직 하나만 보여진다. ng-if가 요소 중 하나를 제거하므로 동일한 ID를 가질 수 있는지 궁금합니다. 따라서 해당 ID가있는 요소가 하나만 존재합니다.

나는 그것을 할 수있을뿐만 아니라 일을하는 좋은 방법이기도하다.

<span id="elementType" ng-if="vm.type === 1">type1</span> 
<span id="elementType" ng-if="vm.type === 2">type2</span> 

이의 그 vm.type은 1, 2

편집의 값을 가질 수 있다고 가정 해 봅시다 : 여기

내가 (이 단순화 된 것)의 마음이 무엇인지의 코드 샘플입니다 사용 이드 대신 클래스가 가능하지 않습니다. 나는 모든 요소에 대해 하나의 id를 사용할 수 있는지 궁금해하고 있으며, 아니면 모든 id가 별도의 id를 가질 필요가 있는지 궁금하다.

편집 2 : 클래스를 사용할 수없고 ID로 테스트를 사용하기 때문에 이러한 변경을 수행하기 때문에 ID가 필요합니다. 나는 그것을 바꿀 수 없다. 그래서 클래스를 사용하는 것은 나를위한 옵션이 아니며 나의 질문에 전혀 답이되지 않는다.

Edit3 : 또한 은 항상 ng-if와 함께 요소 중 하나만 표시된다는 것을 확신합니다. 요소 유형을 표시하는 데만 필요하며 항상 정확히 하나의 유형이 있습니다. 어떤 경우에도 요구 사항이 변경되면 이미 요소 유형을 표시하는 것과 같은 변경 사항이 전혀 문제가되지 않는 대규모 변경이 필요할 것입니다.

Answer 1

코드에 기반한 내 피들을 볼 수 있습니다. 사용하여

Setting same 'id' on different element

$scope.changeType = function(){ 
    if($scope.type===1){ 
     $scope.type = 2; 
    } else if($scope.type===2){ 
     $scope.type = 1; 
    } 
}; 

이 처리

'겨 클릭'은 지금까지 완벽한에서 당신의 목적으로 할 수 있습니다, 그래서.

'ng-if'를 사용하면 다른 요소에 동일한 'ID'를 설정할 수 있습니다.

그러나 동일한 ID를 사용하면 누구에게서 오류가 발생했는지 모르기 때문에 좋지 않습니다.

모든 의견을 환영합니다. :)