有没有更简单的方法将$ dialog bootstrap-ui组件包含在我们的代码中

时间:2013-08-23 16:22:50

标签: angularjs

民间,

我想知道是否有更好的方法在角度代码中包含$ dialog模块。

请看这个plunkr:http://plnkr.co/edit/yXf1kNMqhAdo3iM8dFBy

所有这一切都是在点击按钮时打开一个模态。 但是设置这个模态是混乱的,因为我必须把代码放在主控制器中(这是我的plunkr的TestCtrl)

有没有人知道如何将它变成一个指令,以便我可以简单地在我的模板中使用它 点击这里打开模态

谢谢,

1 个答案:

答案 0 :(得分:0)

我看不到你的代码,但是如果你创建了一个指令,你可以将控制器代码移动到指令链接函数,并通过指令的template属性输出DOM元素。

即使您不想弄乱模板替换,您至少可以将代码从控制器移动到指令中,并将模态html作为主视图中的隐藏区域。每当我使用模态时,我都会这样做。

这是一个我用过的插件,用于说明将控制器代码拉入指令:http://plnkr.co/edit/3esMvm?p=preview