Javascript 从js中删除html，然后放入单独的文件

更新

这里发生的事情是当我点击一个链接时弹出窗口打开，我看到所有这些html…当我点击链接时调用smile方法，我们在该方法中添加html，以便在我打开弹出窗口时可以看到它…现在我将其移动到单独的文件something.component.html，但当我点击链接时，我无法看到弹出…因为我们删除了append方法…你能在mycodebase中更新代码吗…我尝试过，但不确定如何实现它

• 我正在努力学习英语
• 我的基本功能正常工作
• 但在我的typescript文件中，我添加了html
• 有什么方法可以删除html内容并将其放入一个单独的html文件中吗
• 以及如何将html内容重新包含到我的ts中
• 在代码

  模板的这一部分中：“

• 基本上，我试图从append方法“$（“#sportsTable”）.append中删除html(
• 在下面提供我的代码

/**
*Animalsrun.ts文件
*/
进口{
组成部分，
奥尼特，
事件发射器，
ViewChild，
输入，
输出
}
从“@角度/核心”；
进口{
自行车服务
}
来自“../../services/fish.service”；
进口{
肯多里奇成分
}
来自“./grid/grid.component”；
进口{
高度
}
来自“./shared/progress/progress circle”；
宣布出租美元：任何；
让lightWire=null；
@组成部分({
选择器：“Animalsrun”，
模板：“”
})
导出类Animalsrun实现OnInit{
@Input（）public kendoCommandObj:any；
@ViewChild（高度）公共进度：高度；
私人未来航空=[]；
私人牧场=[]；
公共渔业服务：自行车服务；
建造商（fishService1:bikeService）{
this.fishService=fishService1；
}
私人kendocommand={
编辑：{
createAt：“底部”
},
组别:假,，
重新排序：正确，
真的，
调整大小：对，
排序：对，
自动绑定：是的，
筛选器：false，
寻呼机：{
信息：{
//显示：“显示{2}条目的{0}到{1}”
}
},
型号：{}，
列：[]，
页面大小：50，
getComponentUrl:“老虎”，
搜索字段：[]，
mandatoryFields:[]，
保存状态：false
};
@Output（）public applyAPTInfo:EventEmitter=新的EventEmitter（）；
@输出（“scoresCount”）公共getBoyEvent=new EventEmitter（）；
公共ngOnInit（）{
this.scoresType=“合同”；
让attributes=this.fishService.getSeesionStorageValue（）；
如果（属性）{
this.userId=attributes.user_attributes.SSO[0]；
}
让navHeaderHeight=$（“.navHeaderBox”）.outerHeight（）；
$（.breadCrumbBox”）.css（“顶部：“+navHeaderHeight+”px”）；
this.kendocommand.model={
id:“scoresId”，
字段：{
上下文行：{
可编辑：false，
可过滤：真
},
scoresId:{
是的，
可过滤：false，
可排序：false
},
记分卡名称：{
可编辑：false，
可为空：真
},
计分表：{
是的，
可为空：真
},
记分数据：{
可编辑：false，
可为空：真
},
注:{
可编辑：false，
可为空：真
},
elfDocID:{
},
网址：{
可编辑：false，
可为空：真
},
日期：{
可编辑：false，
可为空：真
},
addedByName：{
可编辑：false，
可为空：真
},
用户标识：{
可编辑：false，
可为空：真
},
操作类型：{
是的，
可过滤：false，
可排序：false
}
}
};
}
@ViewChild（KendoGridComponent）公共网格kendo:KendoGridComponent；
公众微笑（球，来源：弦）：无效{
$（“#sportsTable”）。追加(`
删除男孩
关闭空调
snake
合同
将tiger放到此处上载（最大分数大小：5MB）添加新的
是否要将所选分数上载到合同。确定取消所选分数将从合同中永久删除。删除取消分数大小超过5 MB的最大限制取消
删除窗口
`);
让那=这；
$（“#cat.sliderList li”）。单击（函数（）{
让tab_id=$（this.attr（“数据选项卡”）；
$（“#cat.sliderList li”）.removeClass（“活动”）；
$（“.manage tiger tabs content”）.removeClass（“active”）；
$（此）.addClass（“活动”）；
$（“#”+tab_id）.addClass（“活动”）；
});
$（“#猫手形左”）。单击（函数（）{
$（“#cat.sliderList li”）.eq（0）.trigger（“click”）；
$（“#猫手形左”）.addClass（“非活动”）；
$（“#cat.hand chevron right”）.removeClass（“非活动”）；
});
$（“#cat.hand V形右”）。单击（函数（）{
$（“#cat.sliderList li”）.eq（1）.触发器（“单击”）；
$（“#猫手形左”）。删除类（“非活动”）；
$（“#猫手形右”）.addClass（“非活动”）；
});
$（“#fire”）.unbind（）.change（函数（e）{
那就是：改变听众（e）；
});
$（“#fire2”）.unbind（）.change（函数（e）{
那就是：改变听众（e）；
});
$（“#forAttachBoyBrowseBtn”）.unbind（）.cl
@Component({
    selector: 'my_selector',
    templateUrl: './something.component.html',
    styleUrls: ['./something.component.scss']
})