嵌入離子頭吧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> 

另外，從您的模板源刪除單引號，它們不是必需的。