이오닉 2, 이온 선택, 사용자 선택 지우기

Question

저는 Ionic2와 angular2에서 새로 생겼습니다.

이온 선택 플러그인을 사용합니다. 이 플러그인은 라디오 버튼 별 옵션 목록과 "제출"버튼 (확인 및 취소)이 표시된 팝업 메뉴입니다.

사용자가 세 번째 옵션 - "선택을 취소"를 보도록하고 싶습니다. 이 플러그인이이 기능을 지원합니까? 그렇지 않은 경우 - 그것을 수행하는 가장 좋은 방법은 무엇입니까?

Answer 1

팝업을 선택하려면 추가 버튼을 추가 할 방법이 없습니다. https://ionicframework.com/docs/v2/api/components/select/Select/ - 단추 텍스트 만 설정할 수 있습니다.

AlertController를 사용해야합니다. 버튼을 만들 수 있습니다. 여기에 좋은 예입니다 : 당신이 그것을 해결하기 위해 몇 가지 CSS를 작성해야하므로 https://github.com/driftyco/ionic-preview-app/blob/master/src/pages/alerts/radio/pages.ts

let alert = this.alertCtrl.create(); 
alert.setTitle('Lightsaber color'); 

alert.addInput({ 
    type: 'radio', 
    label: 'Blue', 
    value: 'blue', 
    checked: true 
}); 

alert.addInput({ 
    type: 'radio', 
    label: 'Green', 
    value: 'green' 
}); 

alert.addButton('Cancel'); 
alert.addButton({ 
    text: 'Ok', 
    handler: data => { 
    console.log('Radio data:', data); 
    this.testRadioOpen = false; 
    this.testRadioResult = data; 
    } 
}); 

alert.present().then(() => { 
    this.testRadioOpen = true; 
}); 

불행하게도 3 버튼, 경고 UI가 손상됩니다.