Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何从.ts文件插入html标记_Html_Angular_Typescript - Fatal编程技术网

如何从.ts文件插入html标记

如何从.ts文件插入html标记,html,angular,typescript,Html,Angular,Typescript,我有一个名为type-in-data的属性,我想显示特定于图标css中可用的那些类型的图标 setdata() { if(this.queryModel.type === ''){ this.queryModel.type = '*'; } this.getTableData().subscribe(data => { for(let key in data ){ if(data[key].type=="user")

我有一个名为type-in-data的属性,我想显示特定于图标css中可用的那些类型的图标

setdata() {
    if(this.queryModel.type === ''){ 
      this.queryModel.type = '*';
    }
    this.getTableData().subscribe(data => {
      for(let key in data ){
        if(data[key].type=="user")
        data[key]["img"]= <i class="ias-icon ias-icon-user_thin"></i> ;
        else
        data[key]["img"]= <i class="ias-icon ias-icon-favorite_outline_thin"></i>;
      }
      this.setTableData(data);
      this.sortdata = data;
    });
  } 
setdata(){
如果(this.queryModel.type==''){
this.queryModel.type='*';
}
this.getTableData().subscribe(数据=>{
for(让我们输入数据){
if(数据[键]。类型==“用户”)
数据[键][“img”]=;
其他的
数据[键][“img”]=;
}
此.setTableData(数据);
this.sortdata=数据;
});
} 

如何在img属性中提供html图标标记。

data[key][“img”]=
您不能以角度执行此操作,相反,让函数返回一些值并使用
ngSwitch
ngIf
或者如果您想存储字符串,请用引号将html括起来
data[key][“img”]=''你能添加html代码吗?我正在发送此数据[键][img]到另一个直接显示所有内容的组件,那么有没有其他方法可以让我直接发送图标?就html代码而言,它就像我在表行中使用ngfor来显示所有值一样,因此如果我对此进行更改,我将无法显示数据中存在的其他属性