Angular: 텍스트 요소 색상을 이해하기 위한 속성 바인딩에 반응성이 부족합니다.

Question

아래는 내 .ts 파일입니다.

으아아아

아래는 내 HTML 템플릿입니다.

으아아아

여기입력 상자에 "파란색"을 완전히 입력하면 h3 텍스트 색상이 파란색으로 변경됩니다. 그러나 백스페이스를 누르고 이제 textColor 값이 "blu"이면 텍스트가 여전히 파란색으로 유지된다는 것을 알았습니다. 검은색으로 다시 돌아오길 기대하고 있어요. 전체 입력을 지울 때만 검은 색으로 변합니다. 그렇다면 HTML의 색상은 일종의 기록을 유지합니까? 이것은 무엇을 합니까?

Answer 1

순수한 JavaScript를 사용하여 DOM을 조작할 때도 같은 일이 발생합니다. 제가 준비한 예는 다음과 같습니다.

으아아아 으아아아