如何使用 *ngFor/*ngIf 中使用的变量来填充 html 元素属性

Question

我尝试使用 ngIf 中的变量来填充我的 html 元素的名称 属性，但我不能

我尝试使用 ngif="x.child" 中的 x，但它似乎不起作用

<ng-container *ngFor="let x of tabRes">
    <div *ngIf="x.child" style="display:block" name="x.nom" >
        <ul class="nav justify-content-center">
            <li *ngFor = "let y of x.child" class="nav-item"><a class="nav-link">{{y.nom}}</a></li>
        </ul> 
    </div>
</ng-container>

当我签入浏览器时，元素的名称是 x.nom。我想用这个值来填写我的 属性

感谢大家的帮助

Answer 1

在表达式name="x.nom"中x.nom是一个字符串。要解释为变量，属性应放在方括号内，即 [name]="x.nom".

也就是说，div 没有 name 属性。请改用 id。