Angular2：「導航」，以覆蓋

Question

在Angular2.0b6應用我的工作（我與Angular2第一次接觸），到現在爲止我只基於[routerLink]使用「常規」超鏈接導航。

但現在，我想「導航」，以覆蓋（某些元素浮動當前頁以上）代替。最後，疊加層應該包含一個基於模型的表單，用於編輯覆蓋層下面的頁面上顯示的其中一個項目。我很容易用jQuery或普通的JS來做到這一點，但我想以「角度的方式」來做到這一點。

當然，這將打開覆蓋必須有一個(click)「屬性」觸發事件處理程序的元素。但是在事件處理程序中做什麼？從我的理解，我需要添加一個組件到頁面中，組件負責處理表單提交。但是，我如何在屏幕上獲得該組件？

Answer 1

在這種folder角2材料（其早期階段），有一個如何做到這一點的例子。您也可以運行該應用以查看它的實際運行情況。

大部分解決方案是創建一個自定義對話框組件，並且當您只想打開對話框時，使用DynamicComponentLoader將其加載到頁面中。

這樣你就不必預渲染的對話，並保持它隱藏在網頁上的顯示，直到，降低了整體尺寸的HTML。