ng-repeat後のTypescriptの角ディレクティブ

Question

ng-repeatの終了後、Typescriptで角度ディレクティブを作成しようとすると問題が発生します。

これは私が指示を機能させるためにしようとしている方法です：

私はこの方法で持っているコントローラで

export interface ILightSliderInitDirectiveScope extends ng.IScope { 
} 
export class LightSliderInitDirective implements ng.IDirective { 
    public static DirectiveName: string = "lightSliderInit"; 
    link = (scope: ILightSliderInitDirectiveScope, $element: any, attrs: ng.IAttributes) => { 
     if (scope.$watch('$scope.$last')) 
      scope.$emit('ngRepeatFinished'); 
    } 
} 

：

_self.$scope.$on('ngRepeatFinished', function() {...}); 

とHTMLで：

<li ng-repeat="it in items" light-slider-init>...</li> 

を

問題はディレクティブが機能することですが、のすべての反復でif条件の中に入ります。 210。

どうすればこの問題を解決できますか？

Answer 1

scope.$watchは、このリスナーの登録解除機能を返します。したがって、scope.$watch('whatever')は常に真実です。また、$scopeオブジェクトに関して評価されているため、監視式に$scopeを追加しないでください。あなたがページ上の2つの以上の光のスライダを必要とする場合、それは非常に困難になるため

scope.$watch('$last', $last => { 
    if ($last) scope.$emit('ngRepeatFinished'); 
}) 

Answer 2

私はこれを行うには発火やイベントをお勧めしません。ここで
はあなたのコードがどのように見えるべきです。

これはng-repeatにあるため、実際にリピータのすべてのインスタンスに対してリンク機能が実行されます。だから$watchの値が$lastではなく、リピータの最後の項目でコードを実行するだけです。

https://stackoverflow.com/a/30257914/1299394に基づくコード：

export class LightSliderInitDirective implements ng.IDirective { 
    restrict: 'A', 
    link: function(scope: ILightSliderInitDirectiveScope, element: JQuery, attrs) { 
     if (scope.$last) { 
      // This is the last item in the repeater 
      // Instead of firing an event, just initialize the light gallery right here. 
      element.parent().lightGallery(); 
     } 
    } 
};