javascript - ui-bootstrap modal html created and loaded, but isn't shown -


i'm trying display simple modal using ui-bootstrap.

enter image description here

as can see in photo, html modal loaded not displayed.

i saw similar questions on forum:

i did suggested there, still none improvement.

i updated libraries , now, i'm using:

  • angular: 1.4.9
  • angular-animate: 1.4.9
  • ui-bootstrap: 1.1.1
  • bootstrap.css: 3.6.6

but didn't helped me.

also modified bootstrap.css proposed in post:

modal {     display: none; display: block; } 

but didn't helped me!

i solved problem, changing modal jade from

div.modal.fade   div.modal-dialog     div.modal-content       div.modal-header         button.close(type = 'button', data-dismiss = 'modal', aria-hidden = 'true') ×         h4.modal-title test       div.modal-body         h4 test       div.modal-footer        h1 test 

to

div.modal-content    div.modal-header      button.close(type = 'button', data-dismiss = 'modal', aria-hidden = 'true') ×      h4.modal-title test    div.modal-body      h4 test    div.modal-footer      h1 test 

Comments

Popular posts from this blog

php - Invalid Cofiguration - yii\base\InvalidConfigException - Yii2 -

How to show in django cms breadcrumbs full path? -

ruby on rails - npm error: tunneling socket could not be established, cause=connect ETIMEDOUT -