这里我使用的是ng-show,即在页面加载的时候就把全部的内容加载完毕了，可以起到一个预加载的效果，当然，如果需要点击对应button的时候再展示相应的内容则可以使用ng-if，效果一样。
ng-include后面写的是html文件对应的url地址，是相对于index.html的地址。
来看一下template1的代码：
{{x.name}}
我对template1进行了单独的controller管理，Ctrl代码为：
angular.module('includeExample', ['ionic'])
.controller('template1Controller', ['$scope', function ($scope) {
$scope.tests = [
{
name: 'test1'
}, {
name: 'test2'
}, {
name: 'test3'
}
]
}]);关于ng-include如何在Angular.js中使用就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
网页题目：ng-include如何在Angular.js中使用-创新互联
分享路径：http://chengdu.cdxwcx.cn/article/jgeoc.html
