Cannot set property 'backdrop' of undefined

[ramuse]

I get this error:

ERROR TypeError: Cannot set property 'backdrop' of undefined
at BsModalComponent.setOptions (ng2-bs3-modal.umd.js:122)
at BsModalComponent.ngOnChanges (ng2-bs3-modal.umd.js:165)
at checkAndUpdateDirectiveInline (core.js:12091)
at checkAndUpdateNodeInline (core.js:13597)
at checkAndUpdateNode (core.js:13540)
at debugCheckAndUpdateNode (core.js:14412)
at debugCheckDirectivesFn (core.js:14353)
at Object.View_xxx_0._co [as updateDirectives] (xxx.html:103)
at Object.debugUpdateDirectives [as updateDirectives] (core.js:14338)
at checkAndUpdateView (core.js:13507)

The problem occurs at line _this.options.backdrop = backdrop:

this.setOptions = function (options) {
	var backdrop = options.backdrop;
	if (typeof backdrop === 'string' && backdrop !== 'static')
		backdrop = true;
	if (options.backdrop !== undefined)
		_this.options.backdrop = backdrop;
	if (options.keyboard !== undefined)
		_this.options.keyboard = options.keyboard;
};

Suggestion for a fix:

this.setOptions = function (options) {
	var backdrop = options.backdrop;
	if (typeof backdrop === 'string' && backdrop !== 'static')
		backdrop = true;
	if (_this.options) {
		if (options.backdrop !== undefined)
			_this.options.backdrop = backdrop;
		if (options.keyboard !== undefined)
			_this.options.keyboard = options.keyboard;
	}
};

[dougludlow]

It sounds like you're maybe setting the backdrop attribute like this:

[backdrop]="static"

Which is looking for a property on your component called "static", which is undefined.

You need to set the backdrop attribute like either

backdrop="static"

or

[backdrop]="'static'"

Which will pass the string "static" to the modal component.

See Static Modal in the readme for an example.

[amitdahan]

I'm having the same issue, I'm using it as [backdrop]="false" which should work.
I believe the author has the same issue. this.options doesn't exist hence the error.

[dougludlow]

Looks like I need to add some tests around this... I'll take a look. Thanks for the detail @amitdahan.

[amitdahan]

Just confirmed this happened to me when I was using ng2-bs3-modal along with [email protected]

[kcadella]

I tried doing the samething but error. I am using "bootstrap": "^4.0.0-beta.2

[amitdahan]

This package shouldn't work with bs4, hence the name I guess

[kcadella]

I had it working with alpha till I upgraded to angular5 and got the latest version of this. I believe < .11 was working for me.

[kcadella]

.10.4 specifically.. trying to rollback and see if it still works with angular5 and BS4 Beta

[lewis-as]

Was there any update on this as the error still seems to be present with angular 5 and BS4

[amitdahan]

This package shouldn't work with bs4, hence the name I guess

[servehermans]

This issue is still happening. Any update? I am setting the [backdrop]="'static'" and receive the same error

[lewis-as]

We moved away from this modal and opted for Angular Material which seems to do the trick.

…

On Thu, 15 Nov 2018 at 12:12, Servé Hermans ***@***.***> wrote: This issue is still happening. Any update? I am setting the [backdrop]="'static'" and receive the same error — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#217 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/APCizQDNzqW4CutlaKOr_dn-L5eAWtbAks5uvVomgaJpZM4Qahiv> .