Angular JS和partials

Question

是否可以在角度js中将html页面嵌入另一个页面？

如果是的话，怎么做？

在他们的教程中

Here，部分未嵌入页面中，但它就像您点击其中一个项目时所走的不同页面。 （see demo）

Answer 1

是的，你可以使用 ngInclude 指令来完成。

请参阅此处的文档和示例：https://docs.angularjs.org/api/ng/directive/ngInclude

Answer 2

如果ng-include不是您所需要的，您可能需要查看 angular-ui-router 模块。它允许您进行嵌套和并行视图...它非常好，灵活，易于使用且记录良好。 https://github.com/angular-ui/ui-router

Answer 3

@Wilt是对的，但这是一个更具体的链接和代码示例（来自https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-view）

在根模板中：

<div ui-view></div>
<div ui-view="chart"></div> 
<div ui-view="data"></div> 

在你的app.config函数

中

$stateProvider.state("home", {
    views: {
        "": {
            template: "<h1>Some HTML</h1>"
        },
        "chart": {
            templateUrl: "templates/chart.html"
        },
        "data": {
            template: "<data_thing/>"
        }
    }    
})