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>

也许还有其他的问题，但你的问题不包含足够的信息（代码）可以告诉。