Html 另一输入字段下的角度输入字段

我想为网站上的每个问题创建

inputfield

，但是

inputfield

彼此相邻。我想创建另一个

inputfield

下的

inputfield

HTML如下所示：

        <li *ngFor="let item of unteraufgaben; let i = index">
                <form [formGroup]='antwort'>
                    <mat-form-field>
                        <input matInput placeholder="Antwort" [type]="'text'" name="unterantwort"
                            [formControl]="antwort.get('antwort'+i)" autocomplete="off">
                    </mat-form-field>
                </form>
    </li>

网站图片如下：

---

在

元素之后尝试

。
您可以将
mat form字段
放置在
div
中，并为其设置
div
样式->
显示-弯曲，弯曲方向-列
尝试以下操作：

    <form [formGroup]="antwort">
        <ul *ngFor="let item of unteraufgaben; let i = index">
           <li class="list-unstyled clearfix">
                <mat-form-field>
                    <input matInput placeholder="Antwort" [type]="'text'" name="unterantwort" [formControl]="antwort.get('antwort'+i)" autocomplete="off">
                </mat-form-field>
          </li>
        </ul>
   </form>







如果您真的不需要无序列表，也可以选择此选项：

 <form [formGroup]="antwort">
    <div *ngFor="let item of unteraufgaben; let i = index">
         <mat-form-field class="clearfix">
                <input matInput placeholder="Antwort" [type]="'text'" name="unterantwort" [formControl]="antwort.get('antwort'+i)" autocomplete="off">
         </mat-form-field>
    </div>
</form>


像这样？我试过了，但仍然没有改变。你应该把*ngFor=“let item of unteraufgaben；let i=index”放在
中，例如…
元素中，然后你会在每个
中得到每个元素。传递
然后只传递一个引导类，以防止为li添加样式（点或其他符号）。但是，您必须根据您的概念，在您的HTML页面顶部的主
元素上进行放置。它起作用了。谢谢你，很高兴它起了作用。我可以把它作为解决你问题的答案吗？