使用组件在另一个组件中ionic2

Question

我有一个组件

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'footer-component', 
    templateUrl: 'footer.html' 
}) 
export class FooterComponent {} 

，并想使用另一种一个像

<ion-content> 
    Hello 
    <footer-component><footer-component/> 
</ion-content> 

我都在我的“@NgModule”补充道。不幸的是我得到这个错误：

directive_normalizer.js:92Uncaught Error: Template parse errors: Only void and foreign elements can be self closed "footer-component"

你知道为什么吗？

Answer 1

您设置<footer-component><footer-component/>

凡<footer-component/>被认为是自行闭合的标签（在/>）（如<input/>

要关闭一个标签/应该在封闭元件的开始。（喜欢你看到</ion-content>

因此改变你的<footer-component/>到</footer-component>

˚F ull代码：

<ion-content> 
    Hello 
    <footer-component></footer-component> 
</ion-content>