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',
|
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