Trying to append component in the template but not working. How to append the component in the template using polymer.

import { PowerSector } from '../components/powersector';

public data = [];
public condition: boolean; 

protected async show(comp){
let template = document.getElementById('my-content'); 
this.condition = true;
template.appendChild(comp);
}

static get template() {
return html' 
<button click="show("<power-sector val="[[data]]"></power-sector>");"></button>
<template is="dom-if" if="[[condition]]" id="my-content"> </template>';
}