AngularJS 1.2,angular-ui 0.6模态未显示

时间:2021-06-21 19:41:08

I am trying to get a login modal showing when I click on login.

我试图在我点击登录时显示登录模式。

I am using bootstrap3, angularJS1.2 and angular-ui0.6

我正在使用bootstrap3,angularJS1.2和angular-ui0.6

When I click on login, the transparent background of the modal shows but the popup never appears. When I check in the console, I can actually see the code populated but never manages to display it.

当我点击登录时,模态的透明背景显示但弹出窗口从未出现。当我在控制台中检查时,我实际上可以看到填充的代码,但从未设法显示它。

I am guessing that it is a problem with 1.2 animation and 0.6 not being up to date but I am not sure (I actually reverted back to < 1.2 and I run into the same problem.

我猜这是一个1.2动画的问题,0.6不是最新的,但我不确定(我实际上恢复到<1.2,我遇到了同样的问题。

Any idea what may be happening?

知道可能会发生什么吗?

3 个解决方案

#1


5  

There is no support for Bootstrap 3 yet. This worked for me, however: ngEkathuwa.

尚未支持Bootstrap 3。然而,这对我有用:ngEkathuwa。

#2


1  

AngularUI 0.6 does not work with BS3. I have been waiting for this particular fix to continue one of my projects. The modal view is specially broken. We have to wait till 0.7 comes out.

AngularUI 0.6不适用于BS3。我一直在等待这个特定的修复程序继续我的一个项目。模态视图特别破碎。我们要等到0.7出来。

#3


1  

You'll need to build your own ui-bootstrap JS file, from a different branch, and use it instead (the angular-ui team is working on this separate branch to make it compatible with Bootstrap 3).

您需要从不同的分支构建自己的ui-bootstrap JS文件,并使用它(angular-ui团队正在处理这个单独的分支以使其与Bootstrap 3兼容)。

To build, just follow these steps (adapted from https://github.com/angular-ui/bootstrap/issues/331#issuecomment-25032867)

要构建,只需按照以下步骤(改编自https://github.com/angular-ui/bootstrap/issues/331#issuecomment-25032867)

  1. git clone https://github.com/angular-ui/bootstrap.git
  2. git clone https://github.com/angular-ui/bootstrap.git
  3. cd bootstrap
  4. cd bootstrap
  5. git checkout origin/bootstrap3_bis2
  6. git checkout origin / bootstrap3_bis2
  7. npm install
  8. npm安装
  9. grunt build
  10. 咕噜咕噜的

You'll find the new ui-bootstrap JS files in the ./dist/ folder.

您将在./dist/文件夹中找到新的ui-bootstrap JS文件。

#1


5  

There is no support for Bootstrap 3 yet. This worked for me, however: ngEkathuwa.

尚未支持Bootstrap 3。然而,这对我有用:ngEkathuwa。

#2


1  

AngularUI 0.6 does not work with BS3. I have been waiting for this particular fix to continue one of my projects. The modal view is specially broken. We have to wait till 0.7 comes out.

AngularUI 0.6不适用于BS3。我一直在等待这个特定的修复程序继续我的一个项目。模态视图特别破碎。我们要等到0.7出来。

#3


1  

You'll need to build your own ui-bootstrap JS file, from a different branch, and use it instead (the angular-ui team is working on this separate branch to make it compatible with Bootstrap 3).

您需要从不同的分支构建自己的ui-bootstrap JS文件,并使用它(angular-ui团队正在处理这个单独的分支以使其与Bootstrap 3兼容)。

To build, just follow these steps (adapted from https://github.com/angular-ui/bootstrap/issues/331#issuecomment-25032867)

要构建,只需按照以下步骤(改编自https://github.com/angular-ui/bootstrap/issues/331#issuecomment-25032867)

  1. git clone https://github.com/angular-ui/bootstrap.git
  2. git clone https://github.com/angular-ui/bootstrap.git
  3. cd bootstrap
  4. cd bootstrap
  5. git checkout origin/bootstrap3_bis2
  6. git checkout origin / bootstrap3_bis2
  7. npm install
  8. npm安装
  9. grunt build
  10. 咕噜咕噜的

You'll find the new ui-bootstrap JS files in the ./dist/ folder.

您将在./dist/文件夹中找到新的ui-bootstrap JS文件。