当前位置: 首页 > 面试题库 >

AngularJs包含部分模板

贺立果
2023-03-14
问题内容

我在主布局文件中有这个

<body>
    <header id="header" ng-controller="HeaderController"></header>
    <div class="container" ng-view></div>

我的目录结构中有header.html部分模板。

如何在我的应用程序中包含此模板?我认为angular在处理完控制器后会自动包含模板,但是它不起作用。

标头节点应替换为此文件的内容。


问题答案:

包含来自外部文件的模板/ html片段的一种方法是使用ng- include指令(doc)。

<ng-include src="'/path/to/the/header.html'"></ng-include>

要么

<div ng-include src="'/path/to/the/header.html'"></div>


 类似资料:
  • 问题内容: 在以下情况下如何使用包含。目的是在html(部分)文件中使用标记,而不是在模板中(在指令内)定义标记。 我在这里找到了一个很棒的树指令。( 来源)原文: http //jsfiddle.net/n8dPm/ 我没有在指令中定义模板,而是尝试使用包含在内的内容。我还将Angular更新为1.2.0.rc2。更新时间:http://jsfiddle.net/aZx7B/2/ 低于错误 Ty

  • 主要内容:在 HTML 中包含 HTML 文件,服务端包含,PHP 实例,客户端包含,AngularJS 包含,实例,runoob.htm 文件代码:,包含 AngularJS 代码,sites.htm 文件代码:,实例,跨域包含,sites.htm 文件代码:,angular_include.php 文件代码:在 AngularJS 中,你可以在 HTML 中包含 HTML 文件。 在 HTML 中包含 HTML 文件 在 HTML 中,目前还不支持包含 HTML 文件的功能。 服务端包含 大

  • 对于多个页面包含的公共内容,可能会被封装到一个公共模板文件中。 比如左侧导航,文件位置和其他普通模板是一样的,/App1/View/Home/Nav.left.html 其他模板引用局部模板使用标签:{include:模块名称:操作名称}  //比如:{include:Public:header} 本文中引用左侧导航模板:{include:Nav:left} //两边是大括号,中间是冒号。 注:局

  • 问题内容: 我试图将模板文件作为我为启动googlemapsapi而编写的服务中InfoWindow的内容包括在内: 但是,将Angular 插入InfoWindow时似乎没有处理(通过DevTools检查代码时,插入的代码是)。 我希望Angular在将include插入到InfoWindow中之前对其进行预处理,但是可惜没有。 我想做的事可能吗? 我在想,在将模板传递给之前,必须以某种方式对其

  • 问题内容: 对我的应用程序使用的各种视图使用单独的样式表的正确/可接受的方法是什么? 目前,我在视图/部分的html顶部放置了一个link元素,但有人告诉我这是一种不好的做法,即使所有现代浏览器都支持它,但我可以理解为什么对此不满意。 另一种可能性是将单独的样式表放在我的index.html中,但是我希望它仅在以性能名义加载其视图时才加载样式表。 这是不好的做法吗,因为样式只有在将css从服务器加

  • 问题内容: 为基于JVM的服务确定docker容器的尺寸非常棘手(众所周知)。我很确定我们的容器尺寸略有不足,并且想清除一些与监视时看到的特定jcmd(本机内存跟踪器)输出有关的问题。 问题: jcmd报告的“内部”中是否包含直接字节缓冲区? jcmd报告的“代码”中除代码缓存外还有什么? 是否有一种很好的方法来限制jcmd报告的“代码”部分。我阅读了https://docs.oracle.com