引导模式未显示在AngularJS应用程序中

引导模式未显示在AngularJS应用程序中,angularjs,twitter-bootstrap,angular-ui,Angularjs,Twitter Bootstrap,Angular Ui,单击“显示模式”时,myModal模式不会显示。 相反,浏览器窗口上的URL本身更改为/myapp/#myModal(意外) 我做错了什么 <div> <label>I am main page.....</label> .... <a href="#myModal" data-toggle="modal" data-target="addressModal" >Show Modal</a> <div id="myModal"

单击“显示模式”时,myModal模式不会显示。
相反,浏览器窗口上的URL本身更改为/myapp/#myModal(意外)
我做错了什么

<div>
<label>I am main page.....</label>
....
<a href="#myModal" data-toggle="modal" data-target="addressModal" >Show Modal</a>

<div id="myModal" class="modal fade">
    <div>Hello I am Modal...</div>
    <div>Whatever....</div>
</div>
...
</div>

我是主页。。。。。
....
你好,我是莫代尔。。。
无论什么。。。。
...

我的应用程序中包含了以下内容:twitter bootstrap 2.3.1和ui-bootstrap-tpls-0.10.0.min.js

对于modals,您需要遵循angular ui api。看起来您正在尝试为其使用引导api。查看文档:确保数据目标是正确的(即:
data target=#myModal
),并根据我的理解从modal markupJoseM>中删除
fade
类…angula ui modals将为modal生成一个新的范围/控制器。。。我想在现有范围内以模式打开部分页面。