小编Ken*_*nzo的帖子

Angular 2 ngClass有条件的数据?

所以我基本上是想设置一个突出显示,如果一个对象已经被选中。如何比较对象以更改类?像这样

<[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)

css conditional ng-class angular

3
推荐指数
1
解决办法
9790
查看次数

如何在 Angular 中添加滚动类

刚刚又学习了 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)

scroll ng-class angular

3
推荐指数
2
解决办法
6863
查看次数

标签 统计

angular ×2

ng-class ×2

conditional ×1

css ×1

scroll ×1