Angular가 스타일 프로퍼티 바인딩에서 지원하지 않는 타입의 값을 감지했습니다. [style.width] 같은 개별 바인딩이나 [style] 맵의 프로퍼티에서 발생할 수 있습니다.
스타일 프로퍼티 값으로는 문자열, 숫자, 스타일 SafeValue 객체, null, undefined를 사용할 수 있습니다. 스타일이 아닌 보안 컨텍스트에서 생성한 SafeValue 객체를 비롯한 다른 값은 개발 모드에서 이 경고를 발생시킵니다.
예를 들어 다음 바인딩은 CSS 값 대신 불리언 값을 전달합니다.
<div [style.display]="isVisible"></div>오류 디버깅하기
오류 메시지의 프로퍼티 이름과 값으로 바인딩을 찾으세요. 값을 유효한 CSS 문자열이나 숫자로 변환하거나, 스타일을 제거하려면 null 또는 undefined를 사용하세요.
[style.width.px]와 같은 단위 접미사를 사용할 때는 값의 숫자 부분을 바인딩하세요.
<div [style.width.px]="width"></div>신뢰할 수 있는 HTML과 같이 다른 보안 컨텍스트를 위해 생성한 SafeValue를 스타일 프로퍼티 바인딩에 전달하지 마세요.