如何将动态模板加载到$ uibModal.open()中(Angular UI引导程序)?

用户名

我正在使用角度ui引导程序。我想定义一个通用的“模态窗口”以提供一些默认按钮,例如关闭,确定,标题等。

用户的模态主体模板作为模板URL提供。如何将用户的模态主体模板合并到通用模态窗口模板中?

以下是我的通用“模态窗口”模板modal-window.tpl.html

<div class="modal-header"><h3>{{ ctrl.headerText }}</h3></div>

<div class="modal-body">


    <<<< The user's template provided as URL should be embedded in here >>>


</div>

<div class="modal-footer">
  <button type="button" class="btn" data-ng-click="ctrl.close()"> {{ctrl.closeButtonText}} </button>
  <button class="btn btn-primary"   data-ng-click="ctrl.ok();"> {{ctrl.actionButtonText}}</button>
</div>

谢谢。

卡拜尔

您应该可以使用ng-include它。如果您将用户模板网址放在控制器中的范围内:userTemplate='users/template.html'然后,您可以执行以下操作:

...
<div class="modal-body">
    <div ng-include="ctrl.userTemplate"></div>
</div>
...

如果还需要自定义控制器,则可以这样定义:

users / template.html

<div ng-controller="CustomModalController as modalCtrl">
    {{modalCtrl.foo}}
</div>

唯一的缺点是需要在父控制器中定义此控制器。在这种情况下,userTemplate='users/template.html'定义了控制器

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular uibModal,解析,未知提供程序

来自分类Dev

如何将Java脚本变量作为值加载到引导程序模型文本框中

来自分类Dev

使用angular-ui引导程序和预加载

来自分类Dev

$ uibmodal加载主页而不是模板

来自分类Dev

使用angular时如何将视图加载到MVC应用程序中

来自分类Dev

如何将指令动态加载到页面中

来自分类Dev

将$ uibModalInstance注入到不是由$ uibModal启动的控件中

来自分类Dev

$ uibModal.open()不是函数

来自分类Dev

$ uibModal.open()不是函数

来自分类Dev

如何将JQuery ui加载到chrome扩展内容脚本中?

来自分类Dev

我无法使用引导程序$ uibModal是未定义的

来自分类Dev

我无法使用引导程序$ uibModal是未定义的

来自分类Dev

$ uibModal(Angular JS)的性能问题

来自分类Dev

如何将Python flask应用程序加载到gtk Webview(Webkit)中

来自分类Dev

如何将DirectSound加载到64位应用程序中

来自分类Dev

如何将(数字数组)加载到Google应用程序脚本Byte []中

来自分类Dev

如何将数组(数字)加载到Google应用程序脚本Byte []中

来自分类Dev

如何将Python flask应用程序加载到gtk Webview(Webkit)中

来自分类Dev

如何将数据从txt文件加载到C程序的变量中?

来自分类Dev

如何将简单的 React NPM 组件加载到应用程序中

来自分类Dev

AngularJS中的。$ uibModal是什么?

来自分类Dev

在$ uibModal主体中渲染HTML

来自分类Dev

angular-dashboard-framework给我错误未知提供程序:$ uibModalProvider <-$ uibModal <-adfDashboardDirective

来自分类Dev

如何将Emacs捕获模板加载到打开的文件中?

来自分类Dev

如何将数据加载到Excel模板中到特定的工作表名称

来自分类Dev

如何将外部JSON模板文件加载到ElasticSearch中

来自分类Dev

动态选项卡中的动态内容(角度,UI引导程序)

来自分类Dev

如何将编译好的Angular文件动态加载到路由中?

来自分类Dev

将Jqgrid与来自Angular UI引导程序的弹出式窗口一起使用

Related 相关文章

  1. 1

    Angular uibModal,解析,未知提供程序

  2. 2

    如何将Java脚本变量作为值加载到引导程序模型文本框中

  3. 3

    使用angular-ui引导程序和预加载

  4. 4

    $ uibmodal加载主页而不是模板

  5. 5

    使用angular时如何将视图加载到MVC应用程序中

  6. 6

    如何将指令动态加载到页面中

  7. 7

    将$ uibModalInstance注入到不是由$ uibModal启动的控件中

  8. 8

    $ uibModal.open()不是函数

  9. 9

    $ uibModal.open()不是函数

  10. 10

    如何将JQuery ui加载到chrome扩展内容脚本中?

  11. 11

    我无法使用引导程序$ uibModal是未定义的

  12. 12

    我无法使用引导程序$ uibModal是未定义的

  13. 13

    $ uibModal(Angular JS)的性能问题

  14. 14

    如何将Python flask应用程序加载到gtk Webview(Webkit)中

  15. 15

    如何将DirectSound加载到64位应用程序中

  16. 16

    如何将(数字数组)加载到Google应用程序脚本Byte []中

  17. 17

    如何将数组(数字)加载到Google应用程序脚本Byte []中

  18. 18

    如何将Python flask应用程序加载到gtk Webview(Webkit)中

  19. 19

    如何将数据从txt文件加载到C程序的变量中?

  20. 20

    如何将简单的 React NPM 组件加载到应用程序中

  21. 21

    AngularJS中的。$ uibModal是什么?

  22. 22

    在$ uibModal主体中渲染HTML

  23. 23

    angular-dashboard-framework给我错误未知提供程序:$ uibModalProvider <-$ uibModal <-adfDashboardDirective

  24. 24

    如何将Emacs捕获模板加载到打开的文件中?

  25. 25

    如何将数据加载到Excel模板中到特定的工作表名称

  26. 26

    如何将外部JSON模板文件加载到ElasticSearch中

  27. 27

    动态选项卡中的动态内容(角度,UI引导程序)

  28. 28

    如何将编译好的Angular文件动态加载到路由中?

  29. 29

    将Jqgrid与来自Angular UI引导程序的弹出式窗口一起使用

热门标签

归档