이 진단은 양방향 바인딩에서 괄호 순서가 뒤집힌 "바나나 상자" 문법을 감지합니다.
<user-viewer ([user])="loggedInUser" />무엇이 문제인가요?
현재 형태의 ([var])는 실제로 이름이 [var]인 이벤트 바인딩입니다.
작성자는 아마 var 변수에 대한 양방향 바인딩을 의도했겠지만, 이대로 작성하면 바인딩이 아무런 효과를 내지 않습니다.
어떻게 해결하나요?
오타를 수정하세요.
이름에서 알 수 있듯 바나나 (는 상자 []의 안쪽에 있어야 합니다.
이 예제에서는 다음과 같이 수정합니다.
<user-viewer [(user)]="loggedInUser" />필수 설정
확장 진단이 발생하려면 strictTemplates를 활성화해야 합니다.
invalidBananaInBox에는 strictTemplates 외의 추가 요구 사항이 없습니다.
이 상황을 피할 수 없다면 어떻게 하나요?
프로젝트의 tsconfig.json 파일을 수정하여 이 진단을 비활성화할 수 있습니다.
{
"angularCompilerOptions": {
"extendedDiagnostics": {
"checks": {
"invalidBananaInBox": "suppress"
}
}
}
}자세한 내용은 확장 진단 설정을 참고하세요.