Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/solr/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基于索引向ngfor dom添加元素_Javascript_Angular_Typescript - Fatal编程技术网

Javascript 基于索引向ngfor dom添加元素

Javascript 基于索引向ngfor dom添加元素,javascript,angular,typescript,Javascript,Angular,Typescript,我想基于索引呈现DIV元素,但我不想让DIV呈现“items”的所有属性。也可以基于索引在DIV中包含动态内容。谢谢你的帮助。多谢各位 <ul> <li *ngFor="let item of items; let i =index"> <i (click)="add(i)"> <div *ngIf="i"> </div> </li> </ul> 要根据索引在div中包含动

我想基于索引呈现DIV元素,但我不想让DIV呈现“items”的所有属性。也可以基于索引在DIV中包含动态内容。谢谢你的帮助。多谢各位

<ul>
 <li *ngFor="let item of items; let i =index">
    <i (click)="add(i)">
    <div *ngIf="i">

    </div>
 </li>
</ul>

要根据索引在div中包含动态内容,只需使用*ngIf,正如您在示例中已经提供的:

<ul>
 <li *ngFor="let item of items; let i = index">
    <i (click)="add(i)">
    <div *ngIf="i === 0">
        Content for the first index
    </div>
 </li>
</ul>
    第一个索引的内容
对于第一个索引,div将只出现在DOM中


还可以基于作为参数提供的
i
属性,使用
{{}}
绑定值

谢谢你,马丁。