Angular2에서 svg 사용하는 방법

개체가 svg 형식입니다. Angular2와 함께 사용하는 방법? 경로에서 ngclass를 어떻게 사용합니까?Angular2에서 svg 사용하는 방법

<div *ngIf="isSelect(false); else noSelectUpVote"> 
    <a> 
     <svg viewBox="0 0 29 15" width="29" height="15"> 
      <g> 
       <path class="vote-select" d="M0 15h29l-14.5-15" /> 
      </g> 
     </svg> 
    </a> 
</div> 
<ng-template #noSelectUpVote> 
    <a> 
     <svg viewBox="0 0 29 15" width="29" height="15"> 
      <g> 
       <path class="vote-no-select" d="M0 15h29l-14.5-15" /> 
      </g> 
     </svg> 
    </a> 
</ng-template>

출처

2017-05-16 Stack Over

같은 ngClass를 시도? 무엇을 성취하려고합니까? 어디서 붙어 있니? –

코드를 복제하고 싶지 않습니다. SVG가 복사되고 경로의 클래스 만 변경됩니다. –

아직 어떤 질문인지 전혀 모르겠습니다. –

문제가 무엇 그

[ngClass]="{'style1': isClass1Visible, 'style2': isClass2Visible}"

출처

2017-05-16 08:40:39 RAj

IE10 + 지원이 필요한 경우 SVG "https://github.com/eligrey/classList.js"에서 ngClass를 지원하도록 Polyfill을 추가 할 수 있습니다. – RAj

angular-cli에서는 classlist.js에 대해 'polyfills.ts'를 확인하십시오. –

Angular2에서 svg 사용하는 방법

답변

관련 문제