I'm working with Angular 4 and trying to prevent the model from closing when I click outside of it. Below is the code snippet I am using:
<div id="confirmTaskDelete" class="modal fade" [config]="
{backdrop: 'static', keyboard: false}" role="dialog"
style="z-index:999999">
<div class="modal-dialog modal-width">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-
dismiss="modal" aria-label="Close" #closeTaskPopUpbtn>
<span aria-hidden="true">×</span>
</button>
<h3 class="modal-title modal-title-
color">Are you sure you want to delete this task?</h3>
<div class="text-p" style="margin-
top:53px;margin-bottom:35px;"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-
primary" id="deletebtn" data-dismiss="modal" >OK</button>
<button type="button" class="btn btn-
primary" data-dismiss="modal" >Cancel</button>
</div>
</div>
</div>
</div>
However, I encountered an error message:
Error: Can't bind to 'config' since it isn't a known property of 'div'.