Angular 2.1,로드시 라디오 버튼이 업데이트되지 않음

캐스퍼 니브로

각도 2.1의 경우-인터뷰 변수의 속성이 설정되어 있고 null이 아니더라도 라디오 버튼이 설정되지 않았습니다.

나는 다음 게시물을 보려고 노력했고 거의 모든 솔루션을 시도했지만 운이 없었습니다.

포스트 1 포스트 2

첫 번째 설정

이것은 라디오 버튼 사이를 변경할 때 작동하지만로드 할 때 선택한 라디오 버튼을 설정하지 않습니다.

<input type="radio" [(ngModel)]="interview.interviewChannelType" name="interviewChannelTypePersonal" value="0" [checked]="interview.interviewChannelType === 0"
                                id="interviewChannelTypePersonal" required />
<label for="interviewChannelTypePersonal">Personlig møde</label>
<input type="radio" [(ngModel)]="interview.interviewChannelType" name="interviewChannelTypePhone" value="1" [checked]="interview.interviewChannelType === 1"
                                id="interviewChannelTypePhone" required />
<label for="interviewChannelTypePhone">Telefon</label>
<input type="radio" [(ngModel)]="interview.interviewChannelType" name="interviewChannelTypeVideo" value="2" [checked]="interview.interviewChannelType === 2"
                                id="interviewChannelTypeVideo" required />
<label for="interviewChannelTypeVideo">Video</label>

두 번째 시도

로드시 선택한 라디오 버튼을 확인하지만 라디오 버튼 사이를 탐색 할 수는 없습니다.

<input type="radio" (change)="interview.interviewChannelType = $event.target.value" [checked]="interview.interviewChannelType === 0" value="0" />
<label for="interviewChannelTypePersonal">Personlig møde</label>
<input type="radio" (change)="interview.interviewChannelType = $event.target.value" [checked]="interview.interviewChannelType === 1" value="1" />
<label for="interviewChannelTypePhone">Telefon</label>
<input type="radio" (change)="interview.interviewChannelType = $event.target.value" [checked]="interview.interviewChannelType === 2" value="2" />
<label for="interviewChannelTypeVideo">Video</label>

interveiwChannelType은 열거 형입니다.

export enum InterviewChannelType {
Personal = 0,
Phone = 1,
Video = 2
}

여러분 중 일부가 올바른 방향으로 나에게 도움을 줄 수 있기를 바랍니다! 미리 감사드립니다.

솔루션 발견

HirenParekh의 의견 덕분에 그는 그 값을 일반 속성 대신 각도 속성으로 사용하는 것을 알게되었습니다. 에서 변경 value="0"하는 [value]="0"트릭을했다.

HirenParekh

라디오 버튼의 값 속성을 바인딩해야합니다. 첫 번째 설정 내에서 다음과 같이 value 속성을 바인딩합니다.

<input type="radio" [(ngModel)]="interview.interviewChannelType" 
                    name="interviewChannelTypePersonal" 
                    [value]="InterviewChannelType.Personal" 
                    [checked]="interview.interviewChannelType === 0"
                    id="interviewChannelTypePersonal" required 
/>
<label for="interviewChannelTypePersonal">Personlig møde</label>
<input type="radio" [(ngModel)]="interview.interviewChannelType" 
                    name="interviewChannelTypePhone" 
                    [value]="InterviewChannelType.Phone"  
                    [checked]="interview.interviewChannelType === 1"
                    id="interviewChannelTypePhone" required 
/>
<label for="interviewChannelTypePhone">Telefon</label>
<input type="radio" [(ngModel)]="interview.interviewChannelType" 
                    name="interviewChannelTypeVideo" 
                    [value]="InterviewChannelType.Video"  
                    [checked]="interview.interviewChannelType === 2"
                    id="interviewChannelTypeVideo" required 
/>
<label for="interviewChannelTypeVideo">Video</label>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

오디오 완료시 Angular Play 버튼이 업데이트되지 않음

분류에서Dev

Angular 2 : 라디오 버튼이 예상대로 작동하지 않음

분류에서Dev

종이 라디오 버튼이 제대로 업데이트되지 않음

분류에서Dev

angular 2 Reactiveforms 라디오 그룹이로드되지 않음

분류에서Dev

버튼 클릭시 라인 차트 범례 색상이 업데이트되지 않음 (highcharts-angular)

분류에서Dev

라디오 버튼 확인 속성이 사용자 작업시 업데이트되지 않음

분류에서Dev

라디오 버튼 이벤트가 두 번째로 시작되지 않음

분류에서Dev

Angular 2보기가 배열 변경시 업데이트되지 않음

분류에서Dev

라디오 버튼 변경 이벤트가 제대로 실행되지 않음

분류에서Dev

Angular 2 서비스가 구성 요소로 업데이트되지 않음

분류에서Dev

Android 라디오 버튼이 제대로 작동하지 않음

분류에서Dev

setChecked 라디오 버튼이 제대로 작동하지 않음

분류에서Dev

라디오 버튼이 선택된 것으로 표시되지 않음

분류에서Dev

Nvidia 드라이버가 업데이트되지 않음 (Linux Mint)

분류에서Dev

Angular 2 템플릿이 업데이트되지 않음

분류에서Dev

Angular 2 이상에서 ngClass가 업데이트되지 않음

분류에서Dev

Angular.JS 지시문이 업데이트되지 않음

분류에서Dev

코드 변경시 Meteor-Angular2 HTML 템플릿이 업데이트되지 않음

분류에서Dev

iTunesStore에 앱 업데이트 버튼이 표시되지 않음

분류에서Dev

Angular 2 템플릿 변수가 업데이트되지 않음

분류에서Dev

Angular 2-뷰의 변수가 업데이트되지 않음

분류에서Dev

Angular2 :보기가 업데이트되지 않음

분류에서Dev

Angular 2에서 ng-select가 업데이트되지 않음

분류에서Dev

양식이 jQuery를 다시로드 할 때 라디오 버튼 값이 저장되지 않음

분류에서Dev

재질 UI 라디오 버튼 그룹이 선택시 변경되지 않음

분류에서Dev

시계에서 각도 라디오 버튼이 실행되지 않음

분류에서Dev

jtable의 coloum 내부에 라디오 버튼 그룹이 표시되지 않음

분류에서Dev

Angular Observable이 자동으로 업데이트되지 않음

분류에서Dev

Angular 2 중첩 라우팅 :보기 또는 URL이 업데이트되지 않음

Related 관련 기사

  1. 1

    오디오 완료시 Angular Play 버튼이 업데이트되지 않음

  2. 2

    Angular 2 : 라디오 버튼이 예상대로 작동하지 않음

  3. 3

    종이 라디오 버튼이 제대로 업데이트되지 않음

  4. 4

    angular 2 Reactiveforms 라디오 그룹이로드되지 않음

  5. 5

    버튼 클릭시 라인 차트 범례 색상이 업데이트되지 않음 (highcharts-angular)

  6. 6

    라디오 버튼 확인 속성이 사용자 작업시 업데이트되지 않음

  7. 7

    라디오 버튼 이벤트가 두 번째로 시작되지 않음

  8. 8

    Angular 2보기가 배열 변경시 업데이트되지 않음

  9. 9

    라디오 버튼 변경 이벤트가 제대로 실행되지 않음

  10. 10

    Angular 2 서비스가 구성 요소로 업데이트되지 않음

  11. 11

    Android 라디오 버튼이 제대로 작동하지 않음

  12. 12

    setChecked 라디오 버튼이 제대로 작동하지 않음

  13. 13

    라디오 버튼이 선택된 것으로 표시되지 않음

  14. 14

    Nvidia 드라이버가 업데이트되지 않음 (Linux Mint)

  15. 15

    Angular 2 템플릿이 업데이트되지 않음

  16. 16

    Angular 2 이상에서 ngClass가 업데이트되지 않음

  17. 17

    Angular.JS 지시문이 업데이트되지 않음

  18. 18

    코드 변경시 Meteor-Angular2 HTML 템플릿이 업데이트되지 않음

  19. 19

    iTunesStore에 앱 업데이트 버튼이 표시되지 않음

  20. 20

    Angular 2 템플릿 변수가 업데이트되지 않음

  21. 21

    Angular 2-뷰의 변수가 업데이트되지 않음

  22. 22

    Angular2 :보기가 업데이트되지 않음

  23. 23

    Angular 2에서 ng-select가 업데이트되지 않음

  24. 24

    양식이 jQuery를 다시로드 할 때 라디오 버튼 값이 저장되지 않음

  25. 25

    재질 UI 라디오 버튼 그룹이 선택시 변경되지 않음

  26. 26

    시계에서 각도 라디오 버튼이 실행되지 않음

  27. 27

    jtable의 coloum 내부에 라디오 버튼 그룹이 표시되지 않음

  28. 28

    Angular Observable이 자동으로 업데이트되지 않음

  29. 29

    Angular 2 중첩 라우팅 :보기 또는 URL이 업데이트되지 않음

뜨겁다태그

보관