Javascript 如何将.html文件与Angularjs中相关html文件的所有作用域值合并到一个主文件中

Javascript 如何将.html文件与Angularjs中相关html文件的所有作用域值合并到一个主文件中,javascript,jquery,html,css,angularjs,Javascript,Jquery,Html,Css,Angularjs,大家好,我使用angular js,我有三个html文件,如.Header、Menu和Footer.html,我组合并通过id在每个div中显示ecah html文件。现在,将三个html文件合并为一个html文件名,称为Master.html 用于链接html的代码 $(函数(){ $(“#navbar container”).load(“header.html”); $(“#侧边栏”).load(“slidebar.html”); $(“#footer”).load(“footer.htm

大家好,我使用angular js,我有三个html文件,如.Header、Menu和Footer.html,我组合并通过id在每个div中显示ecah html文件。现在,将三个html文件合并为一个html文件名,称为Master.html

用于链接html的代码

$(函数(){
$(“#navbar container”).load(“header.html”);
$(“#侧边栏”).load(“slidebar.html”);
$(“#footer”).load(“footer.html”);
});
Header.html


我在标题页中有一个单作用域变量,它正确地显示了作用域变量,如say hello world。但当我合并到其中时,这意味着我合并到母版页中,没有提取作用域值是不起作用的。我不知道为什么有人帮助解决这个问题。

请说明您是如何在标题中初始化“作用域变量”的? 我认为您希望在这里使用的是指令,它在当前模板中包含额外的
html
代码

因此,您的示例可能如下所示:

<div ng-include="header.html"></div>;
....
;
....

i header我只显示一个来自控制器的show变量,如{{{hello}},仅此而已
<div ng-include="header.html"></div>;
....