Угловой 2 - Воспроизведение компонентов останавливается после создания первой директивы

Question

Я создал небольшое приложение для воспроизведения некоторых звуков. Я хочу использовать несколько директив вместе в шаблоне корневых компонентов.

Это мой app.component.ts файл:

import {Component, OnInit} from 'angular2/core'; 
import {Track} from './track' 
import {AudioControls} from './audio-controls.component'; 
import {TrackDisplay} from './track-display.component'; 
import {StreamingService} from './streaming.service' 
import {DataProvider} from './data-provider.service'; 

@Component({ 
    selector: 'my-app', 
    providers: [StreamingService, DataProvider], 
    directives: [TrackDisplay, AudioControls], 
    template:` 
     <span>Teststring 1</span> 
     <audio-controls> 
     <span>Teststring 2</span> 
     <track-display> 
    ` 
}) 



export class AppComponent implements OnInit { 

} 

Я добавил поставщиков и директивы правильно, и директивы оба работают, если они являются только директива в этом шаблоне.

Но приведенный выше код не приводит к рендерингу всех тегов в шаблоне. Он всегда прекращает рендеринг после того, как была отображена первая директива. Даже тег не-директивы <span> не отображается.

Answer 1

Текущая версия Угловая требует правильного HTML

<audio-controls> и <track-display> должны быть <audio-controls></audio-controls> и <track-display></track-display>

может быть, есть и другие вопросы, но ваш вопрос не содержит достаточно информации (кода), чтобы быть в состоянии сказать, ,