Поэтому я хочу показать 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">
×
<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?
Большое спасибо.
Если вы используете UI Bootstrap, см. Документы для директивы Modal: https://angular-ui.github.io/bootstrap/#/modal
Вам нужно вызвать $uibModal.open()
с аргументом параметра от контроллера, чтобы модальный $uibModal.open()
отображался.