在Bootstrap模态窗口中进行路由

时间:2013-12-14 21:07:12

标签: javascript angularjs

我是角度新手,我正在使用自举模式窗口。我对如何正确实现它有一些疑问。

1)模态窗口应该是一条路线吗?

在示例中,窗口由javascript而不是锚点上的路径触发

<button class="btn" ng-click="open()">Open me!</button>

http://plnkr.co/edit/IDOoeYQticjRZA4uMGJx?p=preview

上述方法是正确的还是应该有触发的途径?如果是,那么我该怎么做,非常感谢。

2)如果javascript用于触发窗口,我该如何在模态窗口内进行路由?

PS:我确实在ui-router上观看了http://egghead.io/lessons/angularjs-introduction-ui-router视频以了解但不确定在使用javascript时如何实现它。

我尝试从链接触发模态,但第二次没有打开。 http://plnkr.co/edit/b2Hy7VIjgBwI8HpI90KN?p=preview

示例会非常有用。

1 个答案:

答案 0 :(得分:1)

我在AngularJS中使用Foundation的显示,这类似于Bootstap的模态。模态本身并不是一条单独的路线,就像你一样,我通过控制器的Javascript触发它。我认为这很好,因为它通常与该控制器的范围有关,例如创建/编辑列表的记录等。

模态/显示的内容虽然是一个单独的模板,因此只根据需要加载和缓存,并且模式有自己的控制器。我的父母&#39;控制器可以通过我使用的提供程序将值注入到揭密控制器中,这可能类似于Bootstrap模式提供程序的工作方式。

所以,在我看来,我认为对于没有自己的路线的模式来说它是完全有效的,但也许有人在那里实现了不同的东西。

更新:我还认为路由(使用ng-view指令)更多地是关于单页面应用程序。由于ng-view元素是不变的,我不太清楚如何使用模态,因为你可能会失去加载它的视图的上下文。