Используйте компонент в другом компоненте в 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/> признаются в качестве самостоятельного закрытия тега (The />) (как <input/>

Чтобы закрыть тег / должен быть в начале запирающего элемента. (Как вы см в </ion-content>

Так изменить ваш <footer-component/> к </footer-component>

F ull код:

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