app.component.ts capture() { var doc = new jspdf('l', 'pt', 'a4'); var cols = [{ title: 'Id', dataKey: 'id' }, { title: 'Source-Field Resolved Path', dataKey: 'sourceName' }, {…
Simple usage Just import in AppModule: import { BrowserModule } from "@angular/platform-browser"; import { NgModule } from "@angular/core"; import { FormsModule, ReactiveFormsModule } from "@angular/forms"; import…
index.html <body> <div ng-app="app"> <div ng-controller="amount"> <input id="number" type="text" ng-model="myNumber"/> <label for="number">{{myNumber | currency}}</label> </div> </div> </body> <style> * { box-sizing: border-box; } body { font-family:…
add-events-to-google-calendar An Angular component to add events to google calendar. Installation Run npm i add-events-to-google-calendar import { AddToCalendarModule } from 'add-events-to-google-calendar'; in app.module.ts file imports: [ ...., AddToCalendarModule ], in @NgModule in app.module.ts…
AngularGoogleBookApi This project was generated with Angular CLI version 1.0.0. Development server Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of…
DEMO Try the Demo in StackBlitz Usage First, import the InfiniteScrollModule to your module: import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import…
index.html <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Chicago Loop Quiz</title> </head> <body class="container"> <section ng-app="ngQuiz" ng-controller="ngQuizController" class="quiz"> <image-preload></image-preload> <div…
Invoice Generator : Client Side PDF Generation in Angular with PDFMake This is a demo application made to demonstrate client side pdf generation in angular…
index.html <!DOCTYPE html> <html> <head> <script src="https://unpkg.com/angular@1.5.9/angular.js"></script> <link rel="stylesheet" href="style.css"> <script src="script.js"></script> </head> <body ng-app="myApp" ng-controller="myVm"> <h1>Download PDF File with AngularJS</h1> {{url}}<br> <button ng-click="fetch()">Fetch</button><br> <div ng-show="result">{{result}}</div><br>…
app.component.ts import { Component } from '@angular/core'; declare let jsPDF; @Component({ selector: 'my-app', template: `<h1>JSON to PDF app</h1> <div class="container" id="div1"> <button id="create" (click)="convert()">Create…
