Добавить текст внутри динамически созданного элемента HTML <rect>- Angular 7

Question

У меня есть элемент HTML rect, который я динамически создаю из файла TS. Я хочу добавить текст внутри фигуры, как я могу его расставить точками?

текущий код:

 const toolTipNode = this.createSvgElem('rect', {
                'x': elementPositionX,
                'y': elementPositionY,
                'width': '300',
                'height': '100',
                'class': 'click-tooltip'
            });
            this.renderer.appendChild(this.layoutSvg, toolTipNode); 

[EDIT]

Допустим, я также создаю текстовый элемент. Как я могу добавить текст внутрь?

  const text = this.createSvgElem('text', {
                'x': elementPositionX,
                'y': elementPositionY,
                'width': '300',
                'height': '100',
                'class': 'click-tooltip'
            });