コンポーネントを別のコンポーネントに動的に表示する方法Angular2

こんにちは私は別のコンポーネントのコンポーネントを動的に表示しようとしていますが、動的に表示することはできません..いくつかのレコード（行）があり、特定のレコードをクリックすると、そのレコードをそのコンポーネントに置き換えて、いくつかのアクションを実行する必要がありますその特定のレコード。

誰かが私にそうする方法を教えてくれませんか。

component.html：

<table>
        <tr *ngFor = "let log of logs">
            <td  *ngIf = "log.selectedLogs.length > 0>
                <div class="card">
                    <div *ngIf = "log.selectedLogs.length > 0">
                        <div class="detail">
                            <table class="table-responsive">
                                <tr *ngFor = "let sl of log.selectedLogs" (click) = "editLog('selectedLogs', sl)">
                                    <td>{{sl.field1}}</td>
                                    <td>{{sl.field2}}</td>
                                    <td>{{sl.field3}}</td>
                                    <td>{{sl.field4 | number: '1.2-2'}}</td>
                                    <td class="text-right">${{sl.field5}}</td>
                                </tr>
                                <tr>
                                    <td colspan="5">
                                        <edit-logs *ngIf="edit"></edit-logs>
                                    </td>
                                </tr>
                                <tr class="total">
                                    <td></td>
                                    <td></td>
                                    <td class="text-right">Total:</td>
                                    <td>{{totalHrs}}</td>
                                    <td class="text-right">${{totalAmount}}</td>
                                </tr>
                            </table>
                        </div>
                    </div>            
                </div>
            </td>
        </tr>
    </table>

ここではedit-logs、いずれかslが選択されているときにコンポーネントを開こうとしています。そのコンポーネントを以前の値で表示し、ログを更新する必要があります。

助けが必要。