Javascript 嵌套组件不可见

我是Angular 2的新手，嵌套组件不可见，甚至未处理。 你能帮忙吗？我想我可能还没有宣布任何指令。。。。 我的主要任务是：

import {bootstrap} from 'angular2/platform/browser';  
import {MatchListComponent} from "./match/match.component"; 
import { HTTP_PROVIDERS } from 'angular2/http';

bootstrap(
  MatchListComponent,
   [ HTTP_PROVIDERS ]
 );

我的MatchListComponent如下所示：

  @Component({
       selector: "matches",
       template: `
          <table class="table">
            <match-row *ngFor="#list of matches" match="list" >
            </match-row>
          </table>
       `,
       providers: [MatchService]
    })
    export class MatchListComponent implements OnInit...

@组件({
选择器：“匹配”，
模板：`
`,
提供者：[匹配服务]
})
导出类MatchListComponent实现OnInit。。。

不显示匹配行，但dom中有大约150个匹配行

Edit: match-row

@Component({
   selector: "match-row",
   template: `
        <tr >
          <td>
             {{match.matchday.number}}
          </td>
          <td>
              {{match.displayValue}}
          </td>
        </tr>
   `,
   providers: [TrainerService, MatchdayService]
})
export class MatchRowComponent ...

编辑：匹配行
@组成部分({
选择器：“匹配行”，
模板：`
{{match.matchday.number}
{{match.displayValue}
`,
供应商：[培训服务，MatchdayService]
})
导出类MatchRowComponent。。。

您应该在

*ngFor

中使用

let

而不是

，我假设您的

匹配

是

匹配行的输入。那么你的

<match-row *ngFor="#list of matches" match="list"</match-row>

如果您坚持将显示数据放在另一个组件中，请尝试将
移回主组件，因为它是要分隔的每一行。它看起来像这样：

<table class="table">
  <tr *ngFor="let list of matches">
    <match-row [match]="list"></match-row>
  </tr>
</table>


谢谢Tyler，我已经改变了这一点，但现在我得到了这个^：
异常：模板解析错误：属性绑定ngFor未被嵌入模板上的任何指令使用（“[ERROR->]”）：MatchListComponent@11：8
添加了匹配行，请参见上文Jeah确保有一种更简单的方法来处理此特殊情况。我是angular2的新手，想学习如何将这些东西封装到组件中，以便在其他地方重复使用。并在培训师和matchdays之后添加一些行行为（因为我也注入了服务^^^），您可以通过将
移出到父组件来保持分离。尝试得不错，但问题是：/
<table class="table">
    <tr *ngFor="let match of matches">
        <td>{{match.matchday.number}}</td>
        <td>{{match.displayValue}}</td>
    </tr>
</table>

<table class="table">
  <tr *ngFor="let list of matches">
    <match-row [match]="list"></match-row>
  </tr>
</table>