AngularJSディレクティブの要素インデックスにアクセスする方法

ラースシンケル

AngularJSでディレクティブ要素のインデックスを取得する方法はありますか?AngularJSのドキュメントとGoogleで何も見つかりませんでした。たとえば、DOMには次のようないくつかのディレクティブ要素があります。

<div directive></div>
<div directive></div>
<div directive></div>

それぞれに固有のoffsetTopがあります。そして、これらのオフセットを、そのインデックスで識別されるスコープ変数に書き込みたいと思います。

app.controller('AppController', [ '$scope', function ($scope) {

    $scope.offsetTopValues = [];

}]);

app.directive('directive', function ($window) {

    return function($scope, element, attrs) {

        $scope.offsetTopValues[index] = element[0].offsetTop;
    };
});

前もって感謝します :)

mylescc

私の知る限り、ディレクティブにはこのようなビューにインデックスがありません。ただし、できることは次のようなものです。

<div directive index="0"></div>
<div directive index="1"></div>
<div directive index="2"></div>

そして、JavaScriptで:

app.controller('AppController', [ '$scope', function ($scope) {

    $scope.offsetTopValues = [];

}]);

app.directive('directive', function ($window) {

    return function($scope, element, attrs) {

        $scope.offsetTopValues[attrs.index] = element[0].offsetTop;
    };
});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

AngularJS:ディレクティブ内で動的に生成された要素にアクセスする方法

分類Dev

ディレクティブの「計算されたスタイル」の要素にアクセスする

分類Dev

要素ディレクティブの子にアクセス

分類Dev

Angularjs:ディレクティブのテンプレートにアクセス

分類Dev

角度2でjavascriptのみのディレクティブで現在の要素にアクセスする方法

分類Dev

IDがない場合にリストアクティブ要素のインデックスを取得する方法

分類Dev

AngularJSカスタムディレクティブオブジェクト値にアクセスする方法は?

分類Dev

VueインスタンスにアクセスするためのVueディレクティブ?

分類Dev

templateUrlhtmlコンテンツのangularディレクティブの属性にアクセスする方法

分類Dev

templateUrlhtmlコンテンツのangularディレクティブの属性にアクセスする方法

分類Dev

AngularJSディレクティブから属性にアクセスする

分類Dev

外部要素にアクセスするユニットテストAngularディレクティブ

分類Dev

AngularJSディレクティブ-テンプレートの$ rootScope変数にアクセスします

分類Dev

要素のバインディングにアクセスする

分類Dev

jquery:角度のある* ngIfディレクティブ内の要素にアクセスする

分類Dev

CloudCarouselのフロントインデックスにアクティブクラスを追加する方法は?

分類Dev

ディレクティブ内から他の要素のng-modelにアクセスする

分類Dev

ディレクティブリンク関数のスコープの関数にアクセスする

分類Dev

スコープ データにアクセスする AngularJS カスタム ディレクティブ

分類Dev

Angularディレクティブの子スコープを適切にクリーンアップする方法

分類Dev

クリックするとクラスを追加するAngularJSディレクティブ、クリックすると削除して別の要素に追加する

分類Dev

Vue.jsインデックスが0の場合にアクティブクラスを追加する方法

分類Dev

ディレクティブからホストコンポーネントにアクセスする方法

分類Dev

ディレクティブからホストコンポーネントにアクセスする方法

分類Dev

ディレクティブからホストコンポーネントにアクセスする方法

分類Dev

ディレクティブ内のangularjsのコントローラー変数にアクセスする方法は?

分類Dev

トラックイベント用のGoogleアナリティクスangularjsディレクティブ

分類Dev

ページコントローラーからディレクティブのdom要素にアクセスする方法

分類Dev

XFCEでアクティブウィンドウを別のディスプレイに移動する方法

Related 関連記事

  1. 1

    AngularJS:ディレクティブ内で動的に生成された要素にアクセスする方法

  2. 2

    ディレクティブの「計算されたスタイル」の要素にアクセスする

  3. 3

    要素ディレクティブの子にアクセス

  4. 4

    Angularjs:ディレクティブのテンプレートにアクセス

  5. 5

    角度2でjavascriptのみのディレクティブで現在の要素にアクセスする方法

  6. 6

    IDがない場合にリストアクティブ要素のインデックスを取得する方法

  7. 7

    AngularJSカスタムディレクティブオブジェクト値にアクセスする方法は?

  8. 8

    VueインスタンスにアクセスするためのVueディレクティブ?

  9. 9

    templateUrlhtmlコンテンツのangularディレクティブの属性にアクセスする方法

  10. 10

    templateUrlhtmlコンテンツのangularディレクティブの属性にアクセスする方法

  11. 11

    AngularJSディレクティブから属性にアクセスする

  12. 12

    外部要素にアクセスするユニットテストAngularディレクティブ

  13. 13

    AngularJSディレクティブ-テンプレートの$ rootScope変数にアクセスします

  14. 14

    要素のバインディングにアクセスする

  15. 15

    jquery:角度のある* ngIfディレクティブ内の要素にアクセスする

  16. 16

    CloudCarouselのフロントインデックスにアクティブクラスを追加する方法は?

  17. 17

    ディレクティブ内から他の要素のng-modelにアクセスする

  18. 18

    ディレクティブリンク関数のスコープの関数にアクセスする

  19. 19

    スコープ データにアクセスする AngularJS カスタム ディレクティブ

  20. 20

    Angularディレクティブの子スコープを適切にクリーンアップする方法

  21. 21

    クリックするとクラスを追加するAngularJSディレクティブ、クリックすると削除して別の要素に追加する

  22. 22

    Vue.jsインデックスが0の場合にアクティブクラスを追加する方法

  23. 23

    ディレクティブからホストコンポーネントにアクセスする方法

  24. 24

    ディレクティブからホストコンポーネントにアクセスする方法

  25. 25

    ディレクティブからホストコンポーネントにアクセスする方法

  26. 26

    ディレクティブ内のangularjsのコントローラー変数にアクセスする方法は?

  27. 27

    トラックイベント用のGoogleアナリティクスangularjsディレクティブ

  28. 28

    ページコントローラーからディレクティブのdom要素にアクセスする方法

  29. 29

    XFCEでアクティブウィンドウを別のディスプレイに移動する方法

ホットタグ

アーカイブ