Variable list of buttons

I am not sure if this is the place for the next question please let me know if I should open another topic,

so now I have one action/button that is doing something.

I want to have several option, but I do not to create them manually,

I have an data object array that holds a list of actions, how can I bind the hover action button to my data model?

Do you have a list of buttons, each with their own appearance and click behavior, that you want to show for every item, but you might hide some of the buttons for some of the items?

Take a look at the updated sample: Items with Buttons

yes , I have a structure look something like this
MenuItem:{
icon:string; // the text that will show on the button
toolTip: string || ()=>{some method to get the tooltip}; // too tip
visible:()=> {some method} //for binding
command:()=>{some method} //the action on click
}

so I have an array of MenuItems , that I want that array in the hoverButtons,
elements should be shown base in the visible method