Wie zeige ich meine Benutzeroberfläche erst an, nachdem meine App initialisiert wurde?

Ich habe eine Dart + Web UI-Anwendung, die zuerst Daten aus dem lokalen IndexedDB-Speicher laden muss. Die IndexedDB-API ist asynchron, daher erhalte ich einen Rückruf, wenn meine Daten geladen werden. Ich möchte keine UI-Elemente anzeigen, bis meine Datenbank zum ersten Mal geöffnet und betriebsbereit ist.Wie zeige ich meine Benutzeroberfläche erst an, nachdem meine App initialisiert wurde?

Wie kann ich auf meine Datenbankinitialisierung warten, bevor ich meine Benutzeroberfläche anzeigen?

Quelle

2013-02-12 Seth Ladd

ich die Web-Benutzeroberfläche Art und Weise in meinem Projekt mache:

... 
<body> 
    <template if="showApplication"> 
    <span>The app is ready.</span> 
    </template> 
</body> 
...

@observable bool showApplication = false; 

main() { 
    // Initialize... 
    window.indexedDB.open(...).then((_) { 
    showApplication = true; 
    }); 
}

Dies hat auch einen zusätzlichen Bonus: separate Code/Web-Komponenten können auch den App-Status überprüfen, bevor db-Konnektivität usw.

Quelle

2013-02-12 11:26:19

ausblenden body Tag mit visibility:hidden:

<body style="visibility:hidden"> 
    <!-- content --> 
</body>

und zeigen Sie es dann in Ihre Zukunft dann() Callback-

window.indexedDB.open(dbName, 
    version: version, 
    onUpgradeNeeded: createObjectStore).then(handleDBOpened); 

handleDBOpened(..) { 
    query('body').style.visibility = "visible"; // <-- show the body tag 
}

Quelle

2013-02-12 08:51:31

Wie zeige ich meine Benutzeroberfläche erst an, nachdem meine App initialisiert wurde?

Antwort

Verwandte Themen