周大胖子 发表于 2018-4-19 16:19:07

Three 判断 循环 事件 当前项

本帖最后由 周大胖子 于 2018-4-19 16:20 编辑

循环
<ul> <li *ngFor="let items in arr;let i = index"> {{items}}____{{i}}</li></ul>判断比方判断条件 constkg = true ;

<div *ngIf="kg">事件绑定
<li (click)="onSelect(参数)"></li>    // 这个参数怎么传 从哪传要多方验证当前项的CLASS样式
<li =" hero === selectedHero"> 这里是循环出来的值 这需要和上面循环一起看</li>最终的代码都加一块 长这样:
<ul class="heroes">
         <li *ngFor="let hero of heroes;let i = index;"
                (click)="onSelect(hero)"
                ="hero === selectedhero" >
               <span class="badge">{{hero.id}}</span>
                        {{hero.name}}__{{i}}
          </li>
</ul>

周大胖子 发表于 2018-4-19 16:23:08

该当前的解释:如果当前行的英雄和 selectedHero 相同,Angular 就会添加 CSS 类 selected,否则就会移除它。

周大胖子 发表于 2018-4-19 16:38:02

注意 * 号 这个很不能丢
页: [1]
查看完整版本: Three 判断 循环 事件 当前项