小编Luc*_*fer的帖子

我有记录列表的组件

export class HomeComponent implements OnInit {

    public wonders: WonderModel[] = [];

    constructor(private ms: ModelService){
        ms.wonderService.getWonders();
        this.wonders = ms.wonderService.wonderList;
    }

    ngOnInit(){}
}

this.wonders返回这样的值数组

我试图像这样动态地将id值获取到图像源

<div class="img-content" *ngFor="let wonder of wonders">
    <header class="img-content-header">
        <div style="width: 45px; display: table-cell;"> <img [src]='assets/images/{{wonder.id}}.jpg'  height="40px" width="40px"> </div>
        <div style="display: table-cell;">
            <div>{{wonder.name}}</div>
        </div>
    </header>
</div>

在这样做的时候我得到这个错误

解析器错误：进行了插值（{{}}），该表达式在[assets / images / {{wonder.id}}。jpg]的第14列处需要表达

任何人都可以提出任何可能的解决方案。

我想屏蔽一个字段,例如:电话号码为10位(123-123-1234)我需要屏蔽(xxx-xxx-1234).另外,在提交页面时,我需要将原始变量(123-123-1234)发送到服务.

任何帮助将不胜感激.

谢谢.