ng2-chord-transpose

Ng2ChordTransposer

Chord Transpose Component for Angular 2

Angular component that enable the user to input plain text guitar chord string and able to change key instantly.

Features:

• Guitar chord sheet render
• Instant transpose

Usage

npm install ng2-chord-transpose

Module

import { Ng2ChordTransposeModule } from 'ng2-chord-transpose';

@NgModule({
  ...
  imports: [
    ...
    Ng2ChordTransposeModule
  ],
  providers: [],
  ...
})
export class AppModule { }

Component

import { Ng2ChordTransposeComponent } from 'ng2-chord-transpose';

HTML template

<ng2-chord-transpose [chordSections]='data.sections' [key]='data.key'></ng2-chord-transpose>

Input Attributes

Name	Type	Value
chordSections	[]	{ title: 'section title', body: 'section body' }
key	string	The key of the song. Can be any one of the following: ['Ab', 'A', 'A#', 'Bb', 'B', 'C', 'C#', 'Db', 'D', 'D#', 'Eb', 'E', 'F', 'F#', 'Gb', 'G', 'G#']
showUpDown	boolean	Show up/down control button if true Default: true

Future features

• Test cases
• styling

Credits

Created by Kevin Hong

Inspired by angular-chord-transposer

License

MIT