본문 바로가기

Programming/Angular

(26)
angular2 양방향 데이터 바인딩 Angular에서 정말로 놀랄만한 기능을 꼽자면 아마도 어플리케이션과 뷰의 데이터를 상호 공유하는 양방향바인딩 기능일 것입니다. Angular2 이후부터는 내장된 ngModel을 사용하는 방향과 별도 지시자(directive)를 사용하여 양방향 데이터 바인딩을 구현할 수 있습니다. 양방향 데이터 바인딩양방향 데이터 바인딩은 단방향 바인딩과 달리 뷰와 컴포넌트의 상태 변화를 상호 간에 반영합니다. 양방향 바인딩을 사용하기 위한 가장 기본적인 출발은 FormsModule의 ngModel 지시자를 사용합니다. Angular2 이후부터는 ngModel을 속성바인딩과 이벤트바인딩을 합친 형태로 제공합니다. 아래의 소스를 살펴보면 Hello {{username}}! ngModel을 사용하여 손쉽게 양방향 바인딩을 ..
Angular2 양방향 바인딩에서 한글이 짤리는 문제 남도패스 사이트 운영중에 사용자로부터 다음과 같은 오류사항을 접수 받았습니다. 말씀주신 오타는 저희의 오타가 아닌 입력 부분 오류임을 말씀드립니다. 1. 업장명 등 글자를 입력하면 끝 글자는 자음만 표시가 됩니다. 예) 유명횟집-유명횟ㅈ 저희는 지금 맨 마지막 글자만 스페이스바로 임의적으로 입력하고 있습니다. 2, 전체적인 글자가 안 보이는 현상 (그러떄가 있고 안 그럴 때가 있어요) 예) 서대회 제공 - 대회 제공 앞글자가 안 나옵니다. 혜택뿐 아니라 다른 텍스트 입력에도 나오는 현상입니다. 아래 상세 내용은 입력해도 홈페이지에 안 나오네요. 사용자는 정확히 입력하였지만, 마지막글자가 반영되지 않는 것을 확인할수 있었습니다. 한글과 같은 조합형 문자의 경우 일반적으로 글자를 입력 후 스페이스나 엔터 등..