SPFX + Angular Elements - how to output items from angular package back to the webpart properties

%3CLINGO-SUB%20id%3D%22lingo-sub-2032949%22%20slang%3D%22en-US%22%3ESPFX%20%2B%20Angular%20Elements%20-%20how%20to%20output%20items%20from%20angular%20package%20back%20to%20the%20webpart%20properties%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2032949%22%20slang%3D%22en-US%22%3E%3CP%3EDear%20community%2C%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20currently%20evaluating%20SPFX%20with%20various%20frameworks.%20I%20have%20done%20a%20webpart%20in%20React%20and%20I%20am%20trying%20to%20redo%20the%20same%20webpart%20with%20Angular%20(SP%202019%20development...%20I%20gave%20up%20on%20Vue.js).%20Besides%20the%20issue%20with%20Fabric%20UI%2C%20which%20is%20still%20not%20very%20comfortable%2C%20I%20was%20able%20to%20be%20close%20to%20the%20same%20functionality%2C%20but%20there%20is%20one%20step%20missing%20and%20as%20I%20am%20not%20too%20familiar%20with%20Angular%20Elements%2C%20I%20was%20hoping%20someone%20might%20help%3A%3CBR%20%2F%3E%3CBR%20%2F%3EFor%20saving%20the%20items%20of%20the%20webpart%2C%20I%20offer%202%20choices%20via%20the%20property%20pane%3A%20either%20saving%20in%20a%20SharePoint-List%20or%20saving%20in%20the%20WebPart-Properties%20itself.%20This%20is%20pretty%20straighforward%20in%20React%2C%20but%20for%20the%20Angular-Elements%20version%2C%20I%20am%20wondering%20how%20the%20angular-elements-package%20can%20send%20information%20back%20to%20the%20SharePoint-WebPart%2C%20so%20the%20data%20can%20be%20saved%20to%20the%20properties%20pane%3F%3CBR%20%2F%3EIn%20Angular%20itself%20this%20would%20work%20with%26nbsp%3B%40Output%20and%20EventEmitters%20to%20my%20knowledge%2C%20but%20you'd%20use%20%5B%20%5D%20to%20declare%20attributes%20as%20%22Output%22%20attributes%2C%20which%20is%20Angular%20specific%20and%20has%20no%20effect%20on%20the%20SharePoint-WebPart.%3CBR%20%2F%3E%3CBR%20%2F%3ESo%20my%20questions%20would%20be%3A%3CBR%20%2F%3EIs%20there%20anyone%20who%20has%20done%20this%20yet%3F%20Is%20this%20even%20possible%3F%20If%20yes%2C%20can%20anyone%20roughly%20list%20me%20the%20steps%2C%20that%20need%20to%20be%20done%20or%20maybe%20point%20me%20to%20any%20example%20out%20there%3F%3CBR%20%2F%3E%3CBR%20%2F%3EKind%20Regards%20and%20thanks%20already%20for%20reading%20this.%20%3A)%3C%2Fimg%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2032949%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EPnP%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Regular Visitor

Dear community, 

 

I am currently evaluating SPFX with various frameworks. I have done a webpart in React and I am trying to redo the same webpart with Angular (SP 2019 development... I gave up on Vue.js). Besides the issue with Fabric UI, which is still not very comfortable, I was able to be close to the same functionality, but there is one step missing and as I am not too familiar with Angular Elements, I was hoping someone might help:

For saving the items of the webpart, I offer 2 choices via the property pane: either saving in a SharePoint-List or saving in the WebPart-Properties itself. This is pretty straighforward in React, but for the Angular-Elements version, I am wondering how the angular-elements-package can send information back to the SharePoint-WebPart, so the data can be saved to the properties pane?
In Angular itself this would work with @Output and EventEmitters to my knowledge, but you'd use [ ] to declare attributes as "Output" attributes, which is Angular specific and has no effect on the SharePoint-WebPart.

So my questions would be:
Is there anyone who has done this yet? Is this even possible? If yes, can anyone roughly list me the steps, that need to be done or maybe point me to any example out there?

Kind Regards and thanks already for reading this. :)

0 Replies