내가 템플릿</p> <pre><code><p [innerHTML]="'privacyAgree'|translate:{href:'#'}"></p> </code></pre> <p>이 코드와 en.json에서이 문자열이 코어/

Question

I 각도 5.0.1 사용 NGX는-번역 8.0.0

을 innerHTML을 스타일링을 NGX-번역

"privacyAgree": "Clicking «Registration» button, I accept<a href=\"{{href}}\">the terms</a>" 

내 작은 파일이 코드

p{ 
    color: #8A8C8D; 
    font-size: 13px; 
    line-height: 1.4em; 
    a{ 
     color: #222222; 
    } 
} 

,691,363 각도가이 스타일

p[_ngcontent-c3] { 
    color: #8A8C8D; 
    font-size: 13px; 
    line-height: 1.4em; 
} 
p[_ngcontent-c3] a[_ngcontent-c3] { 
    color: #222222; 
} 

하지만이 코드

<p _ngcontent-c3="">Clicking «Registration» button, I accept<a href="#">the terms</a></p> 

과를 만들 NGX-번역을 만들 수 있기 때문에 (210) 내부에 대한

하지만 색상 "A"적용되지 않습니다 ""태그가 필요한 속성이 없습니다.

그렇다면 어떻게 번역 후 [innerHTML] 템플릿을 렌더링 할 수 있습니까?

Answer 1

구성 요소의 모드를 Encapsulation으로 변경해야합니다.

이 질문에 대한 답을 확인해보세요. 비슷한 문제가 있습니다.

Encapsulation