如何在Angular UI引导对话框中使用模板？

我正在使用Angular UI bootstrap module打开对话框。如何在Angular UI引导对话框中使用模板？

有用于提模板的路径类似

$scope.opts = { 
      backdrop: true, 
      keyboard: true, 
      backdropClick: true, 
      template: '<p>Template</p>', 
      controller: 'TestDialogController' 
      }

我的应用程序一个选项是在site/app然后js , partials

我无法找到它如何找到模板

来源

2013-02-27 user192362127

你的问题是什么？ _“我的应用程序在网站/应用程序中，然后是js，partials”_是什么意思？ – Stewie 2013-02-27 07:22:23

我的意思是所有的角度应用程序都在该文件夹内。这是文件夹结构 – user192362127 2013-02-27 07:58:54

向我们展示您的项目布局（html，js，任何相关的...）。我认为你应该删除模板中的第一个'/'，而不是使用'template：'partials/test.html''，但归结为模板相对于html页面的位置。 – 2013-02-27 10:08:06

的角度UI引导程序对话框采用内联模板，

template: '<p>This is a inline template</p>';

或模板url可以被指定为相对路径和绝对路径。

templateUrl: '/relative/path/dialog.html';

尝试打开一个浏览器标签指向您的模板性的第一，当你已经成功导出，你可以尝试将其添加到您的templateUrl的路径。

您可以阅读更多关于正确使用指令here的信息。

来源

2013-03-29 02:56:14

有一个使用<script>作为指令，可以让你做出混合的方法。

角文档提到，如果你在你的HTML中使用的声明，如：

<script type="text/ng-template" id="/tpl.html"> 
    Content of the template. 
</script>

然后你可以使用它作为一个指令的参考，如ngInclude或ngView，像$route甚至服务。你可以在this fiddle看到这个工作。

来源

2013-05-03 16:36:10 Pipetus

不知道为什么-1。我在谈论angularjs [模板缓存系统]（http://docs.angularjs.org/api/ng.$templateCache），它允许模板不是由服务器提供的真正的html文件，而是一部分html代码在您的HTML。 – Pipetus 2013-08-27 21:56:25

是的，这个问题是特定于Angular UI Bootstrap和这些模板的重写。 – 2017-09-10 22:28:22

如何在Angular UI引导对话框中使用模板？

回答

相关问题