2016-08-30 5 views
14

값이 true이면 확인란을 선택하는 방법을 알고 Angular2을 사용하면 거짓 인 경우 선택을 취소합니다.Angular2에서 부울 값이 참인지 검사합니다.

Adult <input type="checkbox" value="{{person.is_adult}}"> 

{{person.is_adult는}}는이

사람이 무엇을 제안 해주십시오 수 boolean입니까? 감사합니다

답변

13

{{}} 문자열 보간 기본적으로 truefalse 및 각도 재산 바인딩을 사용 stringifies을 수행하고 난 속성은 부울 값 문자열이 아니라 기대 가정

<input type="checkbox" [checked]="person.is_adult"> 

<input type="checkbox" attr.checked="{{person.is_adult}}"> 

잘 작동 수를 왜냐하면 속성을 바인딩 할 때 브라우저는 특성으로 읽어 들일 때 속성 (문자열 일 수 있음)을 부울로 변환 할 수 있기 때문입니다.

그것은 또한 단방향 또는 양방향 바인딩에 대한 ngModel

<input type="checkbox" [ngModel]"person.is_adult" name="isAdult"> 
<input type="checkbox" [(ngModel)]"person.is_adult" name="isAdult"> 

을 사용할 수 있습니다 또한 checked 대신 value

입니다.
ngModel을 사용하는 경우 FormsModule을 가져 왔는지 확인하십시오.

+0

'value'를 사용하는 것이 제대로 작동하지 않아'checked' 만 작동했습니다. – select

+0

맞습니다. (질문에서 복사 한) 속성 이름에주의를 기울이지 않았지만 바인딩의 실수에만주의를 기울였습니다. –

11
당신이 대괄호 누락

은 약

<input type="checkbox" [checked]="person.is_adult"> 

희망이 도움이 체크!

관련 문제