我在写代码的时候尽可能的干净。我的IDE是IntelliJ（终极），我在提交/推送之前激活了验证。我遇到了一个奇怪的行为，当为输入name属性提供串联时，我无法通过验证，而id属性没有出现问题：

<div *ngFor="let item of commandBuilder.items; let y = index">
            <input clrInput style="..."
                   type="text"
                   pattern="0[xX][0-9a-fA-F]+"
                   [(ngModel)]="item.hexaValue"
                   id="{{item.name + 'hexInput'}}"
                   name="{{item.name + 'hexInput'}}" />
        </div>

名称行出现3个错误：

• char 31（就在item.name之前）：* 需要标识符或字符串文字或数字文字 *
• char 36：：or，expected
• char 37：：expected

为了给予更多的上下文，这里是ts文件的相关部分：

commandBuilder = { } as CommandBuilder;

以及接口的相关部分：

export interface CommandBuilder {
  items: CommandDetailItem[];
}

export interface CommandDetailItem {
  name: string;
}

有什么想法我可以通过验证或解释为什么它这样做的名称属性，而不是id属性？