How can I get the icons to show up behind every word in every array?

How can I get the icons to show up behind every word in every array? Hello, I have question. I want an icon to show up for both categories, but each icon only shows up once. This is what I wrote in the code.

enter image description here

.html

techniques:{{nosqldb.select_and.select.techn.categories.categories}}, 
 {{nosqldb.select_and.unselect.techn.categories.categories}}

nosqldb.select_and.unselect.techn.categories.categories[i] <= this is one string-Array(categories: string[];). How can I get the icons to show up behind every word in every array? Thanks in advance, for answering!

{{title}}
{{ nosqldb.name }}

Info:  {{ nosqldb.info }}, 
 Url: {{nosqldb.url}}
            {{ nosqldb.url }}, 
Developer: {{ nosqldb.developer}}, 
Properties:
techniques:{{nosqldb.select_and.select.techn.categories.categories}}, 
 {{nosqldb.select_and.unselect.techn.categories.categories}}

Interface.ts

export interface CatObj {
    categories: string[];
    url: string;
}

export interface CatJsonObj {
    categories: CatObj;
}

export interface CatAllObj {
    select: {
        func: CatJsonObj;
        nfunc: CatJsonObj;
        techn: CatJsonObj;
    },
    unselect: {
        func: CatJsonObj;
        nfunc: CatJsonObj;
        techn: CatJsonObj;
    }
}

component.ts

this.andselected = {
            select: {
                func: this.functionalCatObj,
                nfunc: this.nfunctionalCatObj,
                techn: this.techniquesCatObj,
            },

            unselect: {
                func: this.functionalUnsCatObj,
                nfunc: this.nfunctionalUnsCatObj,
                techn: this.techniquesUnsCatObj,
            }

        }