如何从多个html模板中创建一个html页面或templateUrl

我是angularjs的新手,我已经在计算机上本地运行了一个简单的webapp。我在main.js应用程序文件中有以下代码

var webApp = angular.module('webApp', ['ngRoute']); 
webApp.config(['$routeProvider', '$locationProvider', 
    function($routeProvider, $locationProvider) 
        {
            $routeProvider. 
            when('/', {
                    templateUrl : '/app/pages/home.phtml',
                    controller  : 'mainController'
            }).
            when('/signin', {
                    templateUrl : '/app/pages/signin.phtml',
                    controller  : 'signinController'
            }).
            when('/forgot', {
                    templateUrl : 'app/pages/forgot.phtml',
                    controller  : 'forgotController'
            }).
            when('/signup', {
                    templateUrl : 'app/pages/home.phtml',
                    controller  : 'signupController'
            });
            $locationProvider.html5Mode(true);
    }]);

我想知道在此特定情况下,angularjs的正确方法是什么:假设我要创建home.phtml多个html文件(或存储在文件中的html元素),换句话说,我想将html页面分解为多个html文件(模板),这样我就可以在必要时分别合并/合并每个元素。

  • 我该如何在angularjs中做到这一点?
  • 以这种方式(性能)创建html页面是一种好习惯吗?
  • 如何缓存元素?
  • 它是动态的还是静态的?如果可以,如何动态创建并使用templateUrl?我已经阅读了一些文章,但是我无法真正解决这个问题,因为我没有关于angularjs的全局知识。
Tj Gienger

您可以从文档中使用ng-include

作为元素:

<ng-include
  src="string"
  [onload="string"]
  [autoscroll="string"]>
  ...
</ng-include>

或在任何其他元素内:

<ANY
  ng-include="string"
  [onload="string"]
  [autoscroll="string"]>
  ...
</ANY>

或作为一个班级:

<ANY class="ng-include: string; [onload: string;] [autoscroll: string;]"> ... </ANY>

基本上,在您要包含其他模板的html文件中,只需添加一个 <ng-include src="yourtemplate.html"></ng-include>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

一个html页面中包含多个页面

来自分类Dev

如何在一个文件中存储多个HTML模板?

来自分类Dev

如何在html中创建多个页面

来自分类Dev

HTML-从一个表单模板创建多个表单

来自分类Dev

如何在另一个HTML页面中的一个HTML页面中调用函数

来自分类Dev

是否可以在一个HTML页面中同时显示多个HTML文件内容?

来自分类Dev

如何使用Java将一个模板用于XWPFDocument中的多个页面

来自分类Dev

如何基于一个Freemarker模板创建多个文件

来自分类Dev

如何基于一个Freemarker模板创建多个文件

来自分类Dev

如何在一个 HTML 页面中添加多个 Jssor Slider(更新的 jssor 源代码)

来自分类Dev

如何从同一HTML页面上的多个按钮打开一个对话框

来自分类Dev

如何使用另一个模板上的html更改流星中的模板主体?

来自分类Dev

PlayFramework渲染一个html页面的多个视图

来自分类Dev

如何使用jSoup在一个html类中从多个中获得一个“ a href”

来自分类Dev

在 html 电子邮件模板 php 中创建一个 foreach 表

来自分类Dev

使用index.html创建一个github页面

来自分类Dev

从控制器创建一个新的HTML页面

来自分类Dev

如何使用Holoviews将多个图保存到一个.HTML页面?

来自分类Dev

如何使用Holoviews将多个图保存到一个.HTML页面?

来自分类Dev

在HTML页面中更改具有多个同名的同一个ID的CSS类

来自分类Dev

一个 HTML 页面中不能有多个图表 - d3

来自分类Dev

如何在另一个页面中包含一个 html 页面并使其内容可抓取

来自分类Dev

如何在另一个HTML页面中呈现HTML部分?

来自分类Dev

如何通过htlm页面中的一个html组件链接打开页面而不离开它?

来自分类Dev

如何创建到另一个HTML页面的链接?

来自分类Dev

如何创建一个页面,该页面使用HTML表单从另一个页面(没有数据库)进行更新?

来自分类Dev

如何创建一个页面,该页面可以使用HTML表单从另一个页面(没有数据库)进行更新?

来自分类Dev

在另一个html(即模板)中打开一个html文件

来自分类Dev

如何获得一个按钮以链接到Django中的另一个HTML模板?

Related 相关文章

  1. 1

    一个html页面中包含多个页面

  2. 2

    如何在一个文件中存储多个HTML模板?

  3. 3

    如何在html中创建多个页面

  4. 4

    HTML-从一个表单模板创建多个表单

  5. 5

    如何在另一个HTML页面中的一个HTML页面中调用函数

  6. 6

    是否可以在一个HTML页面中同时显示多个HTML文件内容?

  7. 7

    如何使用Java将一个模板用于XWPFDocument中的多个页面

  8. 8

    如何基于一个Freemarker模板创建多个文件

  9. 9

    如何基于一个Freemarker模板创建多个文件

  10. 10

    如何在一个 HTML 页面中添加多个 Jssor Slider(更新的 jssor 源代码)

  11. 11

    如何从同一HTML页面上的多个按钮打开一个对话框

  12. 12

    如何使用另一个模板上的html更改流星中的模板主体?

  13. 13

    PlayFramework渲染一个html页面的多个视图

  14. 14

    如何使用jSoup在一个html类中从多个中获得一个“ a href”

  15. 15

    在 html 电子邮件模板 php 中创建一个 foreach 表

  16. 16

    使用index.html创建一个github页面

  17. 17

    从控制器创建一个新的HTML页面

  18. 18

    如何使用Holoviews将多个图保存到一个.HTML页面?

  19. 19

    如何使用Holoviews将多个图保存到一个.HTML页面?

  20. 20

    在HTML页面中更改具有多个同名的同一个ID的CSS类

  21. 21

    一个 HTML 页面中不能有多个图表 - d3

  22. 22

    如何在另一个页面中包含一个 html 页面并使其内容可抓取

  23. 23

    如何在另一个HTML页面中呈现HTML部分?

  24. 24

    如何通过htlm页面中的一个html组件链接打开页面而不离开它?

  25. 25

    如何创建到另一个HTML页面的链接?

  26. 26

    如何创建一个页面,该页面使用HTML表单从另一个页面(没有数据库)进行更新?

  27. 27

    如何创建一个页面,该页面可以使用HTML表单从另一个页面(没有数据库)进行更新?

  28. 28

    在另一个html(即模板)中打开一个html文件

  29. 29

    如何获得一个按钮以链接到Django中的另一个HTML模板?

热门标签

归档