Important
This article builds on the prerequisite MDS developer guide for plain JavaScript; please read it before proceeding.
Mobile Document Scanner integrates easily with Angular applications. Just as in plain JavaScript, you can add document scanning in your Angular application in just a few lines of code, and achieve most customizations through the same accessible configuration object.
- Easy integration with pre-built UI
- Render MDS inside an Angular component
- Standalone components (modern Angular architecture)
- Capture and process documents from video stream
- Automatic document detection and cropping
- Mobile-optimized scanning interface
- TypeScript support with type definitions
- Node.js 20.19.0 or later
- Base requirements
Try MDS by requesting a trial license through our customer portal. You can renew the license twice for up to a total of two months of free access.
Contact us to purchase a full license.
We publish MDS library files on npm to make them simple to reference from a CDN. We reference the library files in our ready-made Hello World sample for Angular included in our GitHub source repository:
-
Download MDS from GitHub as a compressed folder.
-
Extract the contents of the archive, and open the extracted directory in a code editor.
-
Set your license key in the Angular framework sample:
- Open the sample at
/samples/frameworks/angular/src/app/app.component.ts. - Search for
"YOUR_LICENSE_KEY_HERE", then replace it with your actual license key.
- Open the sample at
npm installnpm startTip
This runs ng serve --ssl. If you want to run without SSL, use:
npx ng serveOpen https://localhost:4200/ to view the sample app.
Please check the official documentation.
If you have any questions, feel free to contact Dynamsoft support.