Угловой бутстрап шоу модал

0

Поэтому я хочу показать bootstrap modal, если триггер свойства имеет значение false, как показано в приведенном ниже коде. В принципе, если привилегия, выбранная в вышеуказанном элементе управления, имеет свойство hasFunds как false, то показывается модальный, как только это преимущество будет выбрано (покажет этот код внизу), но если это правда, ничего не происходит с модальным.

Код для модальных:

<!-- hasFunds Modal -->
<div class="modal fade" id="hasFundsModal" tabindex="-1" role="dialog" aria-labelledby="hasFundsModalLabel" aria-hidden="true" ng-show="benefit.hasFunds == false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                &times;
                <p>You have already claimed the full amount of your benefit, and so there may be no remaining funds to reimburse this claim. Are you sure you want to continue?</p>
            </div>
            <div class="modal-footer">
                <input type="button" class="naviaBtn naviaBlue" data-dismiss="modal" value="yes">
                <input type="button" class="naviaBtn naviaBlue" data-dismiss="modal" value="no">                                        
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

Элемент управления, над которым есть селектор выпадающего списка, который содержит свойство, которое запускает true или false:

<div class="form-group col-md-6 naviaInp">
    <label for="beneSelect">Select your benefit</label>
    <select class="form-control" name="beneSelect" id="beneSelect" ng-model="benefit" ng-options="item.descr for item in claim" ng-required="true">
         <option value="">Please select a benefit....</option>
     </select>
    <input type="hidden" ng-model="claimInfo.benefitId" ng-change="{{ claimInfo.benefitId = benefit.id }}"/>
</div>
<div ng-show="claimForm.beneSelect.$dirty && claimForm.beneSelect.$error.required" class="errorContainer">
    <p class="claimError"><i class="fa fa-exclamation-circle"></i><span>this is a required field</span></p>
</div>  

В настоящее время модальный не показывает, истинно или ложно. Невозможно ли модальное быть вызванным из ng-show?

Большое спасибо.

  • 0
    Вы спрашиваете, как сделать элемент видимым, если какое-либо выражение оценивается как ложное?
  • 0
    Кроме того, вы используете angular-ui.github.io/bootstrap/#/modal ? если это так, ваша реализация выключена, вы можете вернуться к этой ссылке. ng-show просто делает определенный элемент видимым или невидимым, когда встречается выражение. В случае с модом начальной загрузки требуется больше вещей, чем просто сделать что-то видимым и невидимым.
Показать ещё 1 комментарий
Теги:
twitter-bootstrap-3

1 ответ

0

Если вы используете UI Bootstrap, см. Документы для директивы Modal: https://angular-ui.github.io/bootstrap/#/modal

Вам нужно вызвать $uibModal.open() с аргументом параметра от контроллера, чтобы модальный $uibModal.open() отображался.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню