앵커 유니버설에서만 클라이언트 측 구성 요소로 표시

Question

ASPNet Angular SPA 템플릿 사용 NGX 차트를 가져 오려고하지만 서버 측 사전 렌더링에서 작동하지 않습니다. 그래서 NGX 차트 모듈을 app.module.browser.ts로 가져 와서 클라이언트 측만 렌더링하도록하고 있습니다.

는 '알려진 속성이 아닙니다 때문에

는'보기 '에 결합 할 수 없습니다

NGX-차트 - 고급 - 파이 차트 :이 작업을 수행 할 때

그러나 나는 템플릿 구문 분석 오류를 받고 있어요 '.

브라우저에서 렌더링 만하도록 구성 요소를 표시하는 올바른 방법이 있습니까? 이것은 잘 설명되어 있지 않은 것 같습니다.

또는 범용 범용 앱에서 NGX 차트를 참조하는 올바른 방법이 있습니까?

Answer 1

이 문제는 서버 쪽 렌더링에 최적화되지 않은 타사 모듈에 적용 할 수 있습니다.

해결 방법은 대신 더미 모듈을 app.module.server.ts에서 모듈을 제외하고 가져 오는 것입니다 원래의 모듈에서 스텁 모든 단위, 또는 적어도 현재 응용 프로그램에서 사용되는 것들 :

@Component({ selector: 'ngx-charts-advanced-pie-chart' }) 
class DummyAdvancedPieChartComponent { 
    @Input('view') view; 
} 

가있는 경우 원래 모듈에서 가져올 수없는 사용중인 공급자는 스터브해야합니다.

더미 구성 요소와 지시문 대신에 custom schema을 사용하는 것이 좋습니다. NO_ERRORS_SCHEMA의 사용은 유용한 오류도 억제하기 때문에 바람직하지 않습니다.