Модальный - всплывающее окно показывает, когда значение в раскрывающемся списке изменяется.AngularJs

Question

Вот мой код для раскрывающегося списка в моем проекте:

<div class="form-group col-xs-6">
    <label for="status">{{ 'SERVICE_STATUS' | translate }}</label>
    <select class="form-control" name="status" ng-model="ctrl.service.status" ng-options="status_id as status_name for (status_id, status_name) in ctrl.statusChoices" ng-model="showModal"></select> 
</div>

При изменении значения этого раскрывающегося списка (по выбору пользователя) отображается всплывающее окно для подтверждения изменения (что-то вроде«Вы уверены, что хотите это сделать?» И щелчок «ОК»).

Вот код всплывающего окна:

<div class="modal-dialog {{size ? 'modal-' + size : ''}}" ng-show="showModal">
<div class="modal-content" uib-modal-transclude>
<div class="modal-header" ng-controller="ContentHeaderController as chctrl">
    <div class="pages-header">
        <h3>{{ 'SERVICE_STATUS' | translate}}</h3>
    </div>
</div>
<div class="modal-body">
    <p>{{ 'SERVICE_STATUS_CHANGE' | translate }}</p>
</div>
<div class="modal-footer">
    <div class="flex-end">
        <button type="button" class="page-button"
                ng-click="chctrl.close()">
            <i class="fa fa-check" aria-hidden="true"></i><span>{{ 'SERVICE_STATUS_CONFIRM' | translate }}</span>
        </button>
    </div>
</div>
</div>
</div>

Примечание:эти два html-кода находятся в одном html-файле.

Я пытался сделать это с помощью директив ng-model и ng-show, но, похоже, он не работает, потому что он ничего не делает, когда я выбираюзначение в раскрывающемся списке.Любая идея о том, как реализовать это или что я могу использовать?