How to use the angular2-signaturepad.SignaturePadModule function in angular2-signaturepad

phoneNumber: {
            component: {
                template: "<div class="\&quot;form-group">\n    <label class="\&quot;control-label\&quot;">{{ component.label }}</label>\n    <div>\n        <div class="\&quot;input-group-addon\&quot;">{{ component.settings.prefix }}</div>\n        <input class="\&quot;form-control\&quot;">\n        <div class="\&quot;input-group-addon\&quot;">{{ component.settings.suffix }}</div>\n    </div>\n</div>\n",
                styles: [requiredCSS]
            },
            module: {
                imports: [angular2_text_mask_1.TextMaskModule]
            }
        },
        signature: {
            component: {
                template: "<div class="\&quot;form-group">\n    <label class="\&quot;control-label\&quot;">{{ component.label }}</label>\n    <div align="" style="\&quot;display:" class="\&quot;input-group\&quot;">\n        <div>\n            <a class="\&quot;btn"><span class="\&quot;glyphicon"></span></a>\n            \n            <div class="\&quot;footer\&quot;">{{component.settings.footer}}</div>\n        </div>\n    </div>\n</div>\n",
                styles: ['.required .footer::after { content:" *"; color:red; }', ".clearButton {position:absolute; left: 0; top: 0; z-index: 1000}", ".footer {text-align: center; color:#C3C3C3;}"]
            },
            module: {
                imports: [angular2_signaturepad_1.SignaturePadModule],
                declarations: [signature_1.AlignDirective]
            }
        }
    }
};