在AngularJS中调用时,$ modal窗口不会打开

时间:2015-03-18 15:01:13

标签: angularjs d3.js modal-dialog angular-ui-bootstrap

首先让我解释一下我正在研究的项目。最终目标是开发一个用于检查源控件上分支状态的Web应用程序。对于我公司中那些不了解我们版本控制系统的所有细节的人来说,这个解决方案会更容易使用。

我的系统正在使用d3.js创建一个可折叠的树布局来表示每个分支及其对应的父母和/或孩子。用户将能够深入到他们想要检查状态的分支,并通过单击选择它。单击后,将出现角度模态窗口。这个模态窗口将有一个我创建的模板,名为" propertyBox.html"。

我目前的问题是,当点击最后一个分支以显示信息时,模式窗口不会弹出。我在其他S.O.搜索了2天。试图解决这个问题的文章。我已经尝试确保使用正确版本的角度ui-bootstrap和正确版本的bootstrap.css但无济于事。我尝试的一切都给了我一些控制台错误。

这是我得到的当前控制台错误: GET http://localhost/versioncontrolviewer/usingD3/function%20(a,b)%7Breturn%20b.templateUrl%7C%7C%22template/modal/window.html%22%7D 403 (Forbidden) angular.min.js:99 <blah blah blah> t.onreadystatechange angular.min.js:99
Uncaught TypeError: undefined is not a function angular.min.js:98 p angular.min.js:99 t.onreadystatechange angular.min.js:98

因为我使用的是d3,所以我没有在最少的节点上使用ng-click。相反,我正在检测是否没有更多的孩子(在这种情况下,它将是最少的孩子)。那是我触发modalOpen函数的时候。有一次我能够在我的新控制器中至少击中一个断点,告诉我它已经在那里,但仍然没有模态存在。我得到的只是灰色背景。

我很感激有关如何设置和使用模式的任何帮助。谢谢你的帮助。

修改

我刚刚发现,如果我使用bootstrap.css 3.0版,它将永远不会到达我的控制器。但是,如果我使用2.2.2版本,我最终会在我的被叫控制器中,但仍然没有模态窗口,仍然是相同的js控制台错误。

代码位于此处:http://plnkr.co/edit/RsrVxwdEriTV4hAit7tt

0 个答案:

没有答案