所以我基本上是想设置一个突出显示,如果一个对象已经被选中。如何比较对象以更改类?像这样
<[ngClass]="{{perkResult.perk === perk.perk}} ? 'highlight' : 'none-hightlight' ">
Run Code Online (Sandbox Code Playgroud)
当前代码:
<div class="col-xs-12">
<div class="col-xs-12 benefit-selection">
<ul class="benefits-dropdown-ul" *ngIf="perkList"> .
<a class="benefits-dropdown-div" *ngFor="let perkResult of perkList.results" (click)="onAddPerk(perkResult)">
//highlight here
<li class="benefits-dropdown-li">{{ perkResult.perk }}</li>
</a>
</ul>
</div>
</div>
<div class="col-xs-6 benefit-selected" *ngFor="let perk of company.perks; trackBy: customTrackBy; let i = inde
{{ perk.perk }}
</div>
Run Code Online (Sandbox Code Playgroud) 刚刚又学习了 Angular。安装了 AngularCLI 并尝试从使用 jquery 之前的滚动中添加一个类。我是否需要使用 [ngClass] 来检查具有窗口位置的变量?我现在正在尝试使用@HostListener。
$(function () {
$(document).scroll(function () {
$nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
});
});
$(function() {
$(document).scroll(function() {
var x = $(this).scrollTop();
if (x > 3300) {
$nav.removeClass('scrolled');
}
});
});
Run Code Online (Sandbox Code Playgroud)