2016-03-02 4 views
1

Я построил Угловой 2 компонент:Угловые 2 (Ionic 2): не может «вынести» компонент внутри страницы

import {Component, View} from 'angular2/core'; 

@Component({ 
    selector: 'sidemenu' 
}) 
@View({ 
    templateUrl: 'build/pages/menu/menu.html', 
}) 
export class Menu { 
} 

в компоненте страницы, я не могу использовать его в шаблоне:

import {Menu} from '../menu/menu'; 
@Page({ 
    templateUrl: 'build/pages/content/content.html' 
}) 
export class PO { 

} 

content.html:

<ion-content> 
<sidemenu></sidemenu> 
</ion-content> 

не заменяется компонента меню в "HTML" (сборка/страницы/меню/menu.html). Но если я использую dynamicComponentLoader для загрузки компонента внутри элемента из DOM, он работает (я сделал это, чтобы проверить, соответствует ли компонент). Я что-то упустил?

ответ

-1

Я не знаю Ионные но обычно в Angular2 вам нужно перечислить компоненты, которые вы используете в шаблоне директив @Component({ ..., directives: [Menu], ...}){ ...}

1

: [Меню]

import {Menu} from '../menu/menu'; 
@Page({ 
    templateUrl: 'build/pages/content/content.html', 
directives: [Menu] 
}) 
export class PO { 

} 
+0

Я попробовал это, теперь я получаю это error: "EXCEPTION: TypeError: Невозможно прочитать свойство" subscribe 'of undefined ", если я пытаюсь использовать внутри content.html –

+0

Попробуйте импортировать IONIC_DIRECTIVES в директиве, а также –

Смежные вопросы