嵌入离子头吧NG-包括

Question

我已经添加以下代码，以我的HTML模板：

<div ng-include src="'templates/header.html'"></div> 

我了header.html文件包含：

<ion-header-bar align-title="center" class="bar-navigation"> 
    <p class="center">TEST Include</p> 
</ion-header-bar> 

它不渲染离子标题栏。

有谁知道如何得到这个工作吗？

Answer 1

将文件header.html重命名为header.tpl.html修复了我的问题。

这是因为gruntfile.js只包含tpl.html文件。

虽然包含的ion-nav-bar不可见，但我想这是一个不同的问题。

感谢@Andrew的帮助。

Answer 2

作为每ngInclude文档：https://docs.angularjs.org/api/ng/directive/ngInclude

可以使用src当ng-include被用作元件。例如。

<ng-include src="templates/header.html"></ng-include> 

否则，请提供模板位置作为ng-include属性的值。

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

另外，从您的模板源删除单引号，它们不是必需的。