如何防止角色4.0中的應用程序組件呈現直到API調用完成

我正在構建這個Angular 4.0應用程序來解析啓動時的URL（比如1.mysite.com或2.mysite.com，指向同樣的角度的應用程序），我需要在頁面上呈現不同的東西，取決於在應用程序啓動時進行API調用後不同的URL。如何防止角色4.0中的應用程序組件呈現直到API調用完成

我看到應用在我的API調用完成之前呈現，然後在API調用完成時沒有用適當的內容進行更新。具體來說，我有一個從API返回的css類名稱，我需要確保角度應用程序不會呈現，直到我獲得該屬性值（並因此返回的所有內容），並可以在我的正確設置類視圖模板。當API調用完成時，一些內容會正確更新，但是少數會更改css/sass值的屬性不能及時設置，並且只有在單擊頁面上的某些內容後才能看到它們（如導航菜單項），然後會顯示不同的顏色和寬度等。

觸發手動重新渲染並不是到此爲止的方式，因爲頁面將被切掉，並且您會在頁面加載後看到sl update更新。我不希望用戶看到發生這種情況，我只是想在API調用完成時呈現完全呈現的頁面，並且我知道我需要的自定義sass主題以及所有爵士樂。

我一直在尋找這個好幾天，並且知道在這種情況下生命週期鉤子對我來說是無用的，我無法想出強制同步調用來暫停Angular中的其他事情的方法，直到它完了。建議非常感謝。

來源

2017-06-13 RTurek

返回HTTP響應，你可以使用一個解析器，看一看https://blog.thoughtram.io/angular/2016/10/10 /resolving-route-data-in-angular-2.html –

添加指令* ngIf =「」到模板，直到服務

來源

2017-06-13 19:03:01 alehn96

這是我嘗試的第一件事，但它仍然允許內容呈現錯誤的類仍然。 – RTurek

你可以把代碼 – alehn96

如何防止角色4.0中的應用程序組件呈現直到API調用完成

回答

相關問題