相关疑难解决方法(0)

我正在使用ngFor循环创建一个列表,其中包含用于移动对象的按钮.我试图首先使用ngFor变量,最后禁用某些按钮.我发现"第一"不起作用

<ul>
<li *ngFor="#hero of heroes; #i=index, #first=first, #last=last">
    <button class="btn btn-default btn-lg" [disabled]="first" (click)="moveToTop(hero, i)">Top</button>
    <button class="btn btn-default btn-lg" [disabled]="first" (click)="moveUp(hero, i)">Up</button>
    <button class="btn btn-default btn-lg" [disabled]="last" (click)="moveDown(hero, i)">Down</button>
    <button class="btn btn-default btn-lg" [disabled]="last" (click)="moveToBottom(hero, i)">Bottom</button>
</li>

我在Plunker预览中有一个工作示例

我这样做了吗？我知道我能做到

[disabled]="i==0"

但我认为"第一"和"最后"看起来更优雅.

我是 Angular 6 的新手，我的网站包含一个部分，其中显示一组动态形成的按钮，如下所示

<button class="card-button" *ngFor="let env of product.env" name="button">{{env.name}}</button>

另外，我想显示默认选择的按钮的不同边框

button:focus {
      border-bottom: 4px solid #CC292B;
      color: #CC292B;
}
button{
      border-bottom: 4px solid green;
      color: green;
}

现在，如果按钮被选中，它应该出现，color: #CC292B;否则为绿色。通过上面的CSS，我能够完成任务。现在我希望默认选择第一个按钮，即第一个按钮应该color: #CC292B;以绿色显示并以绿色显示，我该如何实现？提前致谢