在指令

Question

我是Angular 2的新手，我不知道为什么我的指令不起作用。

这是我的指示：

import {Observable} from 'rxjs/Rx';

declare var jQuery: any;

@Directive({
  selector: '[j-slider]',
})
export class JSliderDirective {
 elRef: ElementRef;

  constructor(elRef: ElementRef) {
    this.elRef = elRef;
  }

  @Input('j-slider') last: boolean;

 ngOnInit() {
   console.log(this.last);
   if (this.last == true)
     console.log('pass');
  }

}

我的HTML：

<div class="shopping-slider">
    <div class="shopping-slide" *ngFor='let product of products; let last = last' j-slider="{{last ? true: false}}">
        <img src="{{product.img}}" alt="{{product.name}}"/>
        <p class="shopping-label">{{product.name}}</p>
    </div>
</div>

所以我希望我的init语句在重复完成后运行。当我记录这个时候。＆＃39;在if语句之前，它给出了我的错误，然后对于最后的重复是真的，这是正确的。但是，我的if语句失败了......为什么？我究竟做错了什么？或者有更好的方法吗？

谢谢！

Answer 1

请大家帮个忙，并使用Angular 2 [bind]语法！

现在使用大括号{{}}隐式将true和false作为字符串传递，"true" != true。不好。

简单地包装j-slider属性，如下所示：

<div class="shopping-slide" *ngFor='let product of products; let last = last' [j-slider]="last">

和中提琴！