Question

我已经构建了一个小应用程序来播放一些声音。我想在我的根组件中一起使用一些指令＆＃39;模板。

这是我的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

当前的Angular版本需要正确的HTML

<audio-controls>和<track-display>应为<audio-controls></audio-controls>和<track-display></track-display>

可能还有其他问题，但您的问题中没有足够的信息（代码）可以告诉。

Angular 2 - 在渲染第一个指令后，Component停止渲染

1 个答案: