Javascript 角嵌套环

我使用AngularHTTP从mysql数据库中提取数据，最后一个字段包含数据，数据之间用“；”分隔，但它只是一个字符串

现在，我想为每个值创建一个html元素。 但除此之外，我希望数据库中的每个记录都有这样的记录

我想到了这样的事情： （模板）管道将字符串转换为数组

        <li *ngFor="let form of data">

       {{form.idform_data}} - {{form.form_name}} -
         {{form.field_name}} - {{form.field_type}} -
         {{form.field_desc}} -
       <ng-template *ngFor = "let item of  {{form.field_data | splitAndGet : ";"}}">
         {{item}}
        </ng-template>
 </li>

管道：

import { Pipe, PipeTransform } from '@angular/core';


@Pipe({ name: "splitAndGet" })
export class SplitAndGetPipe implements PipeTransform {
  transform(input: string, separator: string, index:number): any {
    var splitarr = input.split(separator);
    return splitarr;
  }
}

编辑：谢谢你的帮助。

---

同时也感谢大家的否决权，这有助于像我这样的人开始学习一些东西。

所以我修复它的人都知道这要感谢@developer033 我不知道我在变量中不使用插值

    <li *ngFor="let form of data">

       {{form.idform_data}} - {{form.form_name}} -
         {{form.field_name}} - {{form.field_type}} -
         {{form.field_desc}} -
        <div *ngFor = "let item of form.field_data | splitAndGet : ';'">
         <p>{{item}}</p>
     </div>
 </li>

{{form.idform_data}}-{{form.form_name}-
{{form.field_name}-{{form.field_type}-
{{form.field_desc}}-
{{item}}

将这两行粘贴到这两行的上方，您指的是哪两行？看起来您缺少结束

tagi现在关闭了它，并且获取键[0]是未定义的错误，但我知道数组包含值。如何通过验证

它不应该是

    <li *ngFor="let form of data">

       {{form.idform_data}} - {{form.form_name}} -
         {{form.field_name}} - {{form.field_type}} -
         {{form.field_desc}} -
        <div *ngFor = "let item of form.field_data | splitAndGet : ';'">
         <p>{{item}}</p>
     </div>
 </li>