Typings file for TypeScript & Angular 2

[maddy2get]

Hey there,

I was trying to use this lib on an angular 2 project and just wondering if you would be able to add in typings definitions for this lib? Please see this link for more info: typings/typings#322

Thanks in advance.

[lindell]

Sounds like a great initiative. I would gladly accept a pull request 😄

[CooleyGit]

+1 Would be nice to have a typings definitions.

I am currently using this library on an Ionic 2 project but I had to create a declarations.d.ts file with declare module 'jsbarcode'; "All this does is tell the Typescript compiler that the module is found, and it is an object of any type. This will allow the library to be used freely without the Typescript compiler giving errors." From ionic 2 docs

Basic example below:

import { Component, ViewChild, ElementRef } from '@angular/core';
import JsBarcode from 'jsbarcode';

@Component({
 template: `
     <svg #barcode id="barcode"></svg>`
`})
export class BarcodeEx {
    @ViewChild('barcode') barcode: ElementRef;
    ngAfterViewInit() {
       JsBarcode(this.barcode.nativeElement, '12345');
    }
}

[mhartington]

Hi there, Ionic member here.

Unless I installed the wrong library (which I'm sure I didn't), this already includes it's own types that are compatible with typescript 2.0.

import { Component, ViewChild, ElementRef } from '@angular/core';
import JsBarcode from 'jsbarcode';
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  public picture;
  @ViewChild('barcode') barcode: ElementRef;

  ionViewDidLoad() {
    JsBarcode(this.barcode.nativeElement, '12345');
  }
}

And everything works great.

[lindell]

Added it myself now. Could you confirm everything seems like you expected @maddy2get by installing it via.

npm install https://github.com/lindell/JsBarcode

[CooleyGit]

I just reinstalled on my app works great. Thanks

[fahmisaad]

Can someone teach me on how to convert it to image in ionic. kinda stuck here