Angular 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>

也許還有其他的問題，但你的問題不包含足夠的信息（代碼）可以告訴。