Comments (7)
Hi @helxsz, we're working on examples for Angular. Please use issue #60 for tracking.
from paperbits-demo.
Has this been done?
from paperbits-demo.
No, not yet. We don't see much people asking about it (currently we work with some people on their Vue and React components), so this doesn't get priority just yet.
from paperbits-demo.
I have a very large company that will be using the APIM Dev Portal and they are mostly skilled in Angular. I am trying to come up with an example myself for this client.
I am trying to understand how to wire it up as I'm used to wiring up Angular apps from scratch. Would it be as simple as installing the NPM package and putting the <app-root>
component in a widget to do Angular? I'm probably over simplifying it, but that kind of looks like what's going on in the Vue/React/Knockout example. They have custom development in the APIM dev portal that they will need to accomplish and are not familiar with KO.
On the clickCounter example, how do I find this working in the webapp or is this even wired up?
from paperbits-demo.
Right, for Angular it will look about the same as React and Vue, which live as standalone applications inside a widget container. They get wrapped into customElements, so the browser takes care of their instantiation once tag gets added to the DOM.
Basically, we're going to do similar thing described here: https://angular.io/guide/elements. So, if you're in a rush, please feel free to explore this direction. If it can wait, just give us a week or two to roll out examples and wiring tools.
from paperbits-demo.
Thanks for the feedback - I'll take a look at this.
I think the only other thing I'm wondering about is how routing will work in Angular.
from paperbits-demo.
In my understanding, there are three things that any router takes care of:
- link generation;
- navigation event handling;
- reading current route information;
As long as every Angular-based widget injects the same Router (and its config), they should be able to exercise all three with no issue. I can answer better if you give me an example of widgets and their usage.
from paperbits-demo.
Related Issues (20)
- Screen reader does not announce the associate text message for the delete confirmation. HOT 1
- Running paperbits on arbitrary subpath HOT 6
- Running paperbits without publishing HOT 3
- [Screen Reader- API Management -Change background]: In the process of selecting the background color, screen reader is not announcing the updated value for the current focused color.
- [Screen reader-API Management-Styles]: Screen reader does not announce the associate label with the "Color controls" under "Styles" page. HOT 1
- Table number of rows/cols editor does not work HOT 1
- [Screen readers - API Management - Table]: Screen Reader is not identifying the visually appearing table present, while navigating using table shortcut key 'T'.
- [Keyboard Navigation - Make Code - Blocks]: There is no keyboard access for "Input Section" controls under "Blocks" HOT 3
- Unable to delete pages
- Missing block class in divider. HOT 1
- Issues with prosemirrorHtmlEditor breaks build locally, entirely on Vercel HOT 1
- Vercel Build fails; Gitpod & Local doesn't HOT 2
- Property 'flow' does not exist HOT 2
- can i use react component library like chakra ui with paperbits if so how can i add components from there HOT 1
- Firebase module not working in paperbits-demo publisher, works in designer
- How can we create react functional components
- paperbits-angular issue
- uploaded picture with picture widget doesnt load on publish HOT 3
- Markdown as content input | markdown --> paperbits json converter HOT 1
- compilation error HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from paperbits-demo.