Переключатель угловой проверки после пользовательского модального подтверждения

Question

У меня вопрос по радио-кнопке с модальным подтверждением.на странице у меня есть 3 радио btn

радио html

<label *ngFor="let deliveryMode of listDeliveriesChoice" [class.active]="deliveryMode.active">
            <input type="radio" name="type" [checked]="deliveryMode.key === this.currentMode" value="{{ deliveryMode.key }}" (click)="changeDelivery(deliveryMode, $event)">
            {{ deliveryMode.key }}
        </label>

метод на ts

    public changeDelivery(mode, elem): void {
        this.router.navigateByUrl("/list/summary/popup/confirmation");
    }

Я хочу сделать это, когда пользователь нажимает на радио:
- Открыть пользовательский модал двумя кнопками (подтвердить, отменить) - если пользователь нажимает кнопку подтверждения, чтобы япроверил радио и позвонил в api - если пользователь нажал кнопку отмены, я не проверил радио и закрыл модальное

Можете ли вы объяснить мне, как я могу это сделать?

На самом деле, когда пользовательнажмите радио, я открываю модальное всплывающее окно, но радио автоматически переключается: (

Мне нужно что-то вроде этого образца, но с пользовательским модальным http://jsfiddle.net/cTzVg/