Angular JS和partials

Question

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

如果是这样,怎么办？

这里在他们的教程中,部分未嵌入网页,但它就像不同的页面,你当你点击的项目之一去.(见演示)

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/>"
        }
    }    
})