Реализовать текстовый редактор wysiwyg в ionic 3, используя jquery в качестве ссылки

Question

Я пытаюсь разработать ручной текстовый редактор wysiwyg в ионной среде.

ТАК я получил ссылку, которая уже реализована в jquery

https://codepen.io/barney-parker/pen/idjCG

Теперь я попытался реализовать его, используя ionic 3, и написал следующий код ручки

// Для отображения значков на html-странице

<div class ="divRow" >
    <div *ngFor="let item of notesIconObj" (tap)="getTextFormat()"  class = "divBlock">
        <a data-role='item.value' href='javascript:void(0)'> <ion-img  [width]="iconimgWidth" [height]="iconimgHeight"  src='assets/notes_icons/{{item.name}}'></ion-img></a>
    </div>
</div>                      
<ion-textarea   placeholder="Enter comments" ng-bind="textAreaVal" [(ngModel)]="formData.comments"></ion-textarea>

на странице .ts

    let noteIconImages = ["bold-text-option.png",
                 "italicize-text.png",
                 "strikethrough-text.png",
                 "icon.png",
                 "list-button.png",
                "bullets.png",
                 "outdent-symbol-variant.png",
                 "indent-interface-symbol.png",
                 ];
    let dataRole = ["bold", "italic", "strikeThrough", "undo", "insertOrderedList", "insertUnorderedList", "outdent","indent"];
    var names = [];

    for (let i = 0; i < noteIconImages.length; i++) {
        let newName = {
            id: i.toString(),
            val:dataRole[i],
            name: noteIconImages[i]
        };
        names.push(newName);
    }

    this.notes_icons.push(names);
    this.notesIconObj = this.notes_icons[0];
    getTextFormat(){
        let self = this;
        self.textAreaVal = self.formData['comments'];     
    }

Теперь значки отображаются, но функциональность не работает должным образом.Как это решить?