none
Use Dialog-API to show Angular Component RRS feed

  • Frage

  • Hi,



    I'm using OfficeJs-API and would like to load an angular component in a dialog with Dialog-API. 

    I've read following article about the usage of the Dialog-API, especially at heading "Using the Office Dialog API with Angular":

    docs.microsoft.com/en-US/office/dev/add-ins/develop/add-ins-with-angular2

    I've tried that in my appication and passed the angular route as parameter like 

    Office.context.ui.displayDialogAsync("/#/new-angular-component", { height: 100, width: 100 }, this.dialogCallback);

    Result is that not only the new component's html is loaded, but also the entire application as described in article.

    Maybe it's more an architectural angular question, but I didn't find good documentation how that could be solved.

    Lazy Loading components or implementing multiple bootstrappers would not solve my problem as I understand for now. 

    How I'm able to just load a component in a dialog?



    Thank you in advance.



    Kind Regards,

    Björn




    Freitag, 23. Februar 2018 10:16

Alle Antworten

  • Hi Björn,

    this is a german speaking Froum. So I answer in german. If you don´t speak german, please let me now. I will then answer in english.

    Angula JS ist ein komplettes JavaScript Framework, damit diese Funktionieren kann werden die JS Dateien Clientseitig gebraucht. Z.B. das binden der Model an die Controls läuft über das Framework. Nur das laden des HTML der Componente macht da wenig Sinn.   

    MFG

    Björn

    Freitag, 23. Februar 2018 10:48
  • Hi Palin,

    gerne in deutsch.

    Danke für die Klarstellung über AngularJS, allerdings sehe ich dabei jetzt noch keinen Ansatz wie ich mein Problem lösen könnte..

    Ich verwende angular-cli und typescript.

    Stimme zu das nur das Laden der HTML der Komponente wenig Sinn macht aber displayDialogAsync('url') erwartet das mmn ausschließlich und bootstrapping wird dann immer für die gesamte Applikation (app.module.ts) ausgeführt.



    • Bearbeitet MrHiggs Freitag, 23. Februar 2018 11:16
    Freitag, 23. Februar 2018 11:11