選択リストのカスタムディレクティブにng-changeを実装するにはどうすればよいですか?

Vishwajeet Vatharkar

私のディレクティブ使用コード

       <input-select ng-model="someModel" ng-change="someFunction()"
   options="countries"></input-select>

私のディレクティブコード

 .directive('inputSelect', function () {
    return {
        templateUrl: 'someTemplate.html',
        restrict: 'E',
        scope: {
            ngModel: '=',
            ngChange: '='
        }
    };
});

私のディレクティブテンプレート

    <select 
            ng-model="ngModel" ng-init="ngModel "
            ng-options="option[optionId] as option[optionName] for option in options"
            ng-change="ngChange">
    </select>

したがって、選択した項目が変更されると、関数someFunction()は無限に呼び出されます(変更は一度だけ行われますが)、someFunction()getが一度だけ呼び出されるようにするために何を変更する必要がありますかsomeFunction()コントローラーのスコープ内の関数です)どのディレクティブが使用されているか)

[私が使用してみました&@ngChangeのスコープタイプのため、somefunction()これらを使用した場合は解雇されません。]

パンカイパーカー

あなたは使用する必要があります&あなたのようなそのメソッドを呼び出すことができ発現のためのマークアップから使用されているngChange()代わりにngChangeのみ

マークアップ

  <select 
        ng-model="ngModel" ng-change="ngChange()"
        ng-options="option[optionId] as option[optionName] for option in options">
  </select>

コード

scope: {
   ngModel: '=',
   ngChange: '&'
}

Plunkrの例

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

カスタムParameterResolver実装のテストを作成するにはどうすればよいですか?

分類Dev

anglejsカスタムディレクティブのテンプレートで属性値を取得するにはどうすればよいですか?

分類Dev

カスタムAngularディレクティブでng-modelスコープ値を変更するにはどうすればよいですか?

分類Dev

ng-templateおよびngIfでカスタムディレクティブを使用するにはどうすればよいですか?

分類Dev

カスタムディレクティブでメソッドをトリガーするにはどうすればよいですか?

分類Dev

#Angular2カスタム属性ディレクティブの数をカウントするにはどうすればよいですか?

分類Dev

ng-modelに似たカスタムディレクティブを作成するにはどうすればよいですか?

分類Dev

ディレクティブで選択ボックスのデフォルト値を設定するにはどうすればよいですか

分類Dev

モーセのmgizaにカスタムブーストディレクトリを指定するにはどうすればよいですか?

分類Dev

カテゴリ変数の特徴選択を実装するにはどうすればよいですか?

分類Dev

他のカスタムディレクティブの要素タグを別のカスタムディレクティブのテンプレートとして使用するにはどうすればよいですか?

分類Dev

モカのテストディレクトリを指定するにはどうすればよいですか?

分類Dev

角度js1.xでカスタムディレクティブ実行関数を作成するにはどうすればよいですか?

分類Dev

golangにvoid *を実装するにはどうすればよいですか?

分類Dev

PostFilterをPagingAndSortingRepositoryに実装するにはどうすればよいですか?

分類Dev

PostFilterをPagingAndSortingRepositoryに実装するにはどうすればよいですか?

分類Dev

LogicをDjangoに実装するにはどうすればよいですか?

分類Dev

Javaで同期を実装するにはどうすればよいですか?

分類Dev

SwiftUIでPageViewを実装するにはどうすればよいですか?

分類Dev

SwiftUIでPageViewを実装するにはどうすればよいですか?

分類Dev

Typescriptで$ httpを実装するにはどうすればよいですか?

分類Dev

ScalaでKafkaConsumerを実装するにはどうすればよいですか

分類Dev

FlaskでMIXINを実装するにはどうすればよいですか?

分類Dev

KAAでRestAPIを実装するにはどうすればよいですか

分類Dev

zipWithをfoldrで実装するにはどうすればよいですか?

分類Dev

LaravelでGravatarを実装するにはどうすればよいですか?

分類Dev

FortranでBCDを実装するにはどうすればよいですか?

分類Dev

入力のカスタムディレクティブから、親フォームを無効にするにはどうすればよいですか?

分類Dev

適切なリスト実装を選択するにはどうすればよいですか?

Related 関連記事

  1. 1

    カスタムParameterResolver実装のテストを作成するにはどうすればよいですか?

  2. 2

    anglejsカスタムディレクティブのテンプレートで属性値を取得するにはどうすればよいですか?

  3. 3

    カスタムAngularディレクティブでng-modelスコープ値を変更するにはどうすればよいですか?

  4. 4

    ng-templateおよびngIfでカスタムディレクティブを使用するにはどうすればよいですか?

  5. 5

    カスタムディレクティブでメソッドをトリガーするにはどうすればよいですか?

  6. 6

    #Angular2カスタム属性ディレクティブの数をカウントするにはどうすればよいですか?

  7. 7

    ng-modelに似たカスタムディレクティブを作成するにはどうすればよいですか?

  8. 8

    ディレクティブで選択ボックスのデフォルト値を設定するにはどうすればよいですか

  9. 9

    モーセのmgizaにカスタムブーストディレクトリを指定するにはどうすればよいですか?

  10. 10

    カテゴリ変数の特徴選択を実装するにはどうすればよいですか?

  11. 11

    他のカスタムディレクティブの要素タグを別のカスタムディレクティブのテンプレートとして使用するにはどうすればよいですか?

  12. 12

    モカのテストディレクトリを指定するにはどうすればよいですか?

  13. 13

    角度js1.xでカスタムディレクティブ実行関数を作成するにはどうすればよいですか?

  14. 14

    golangにvoid *を実装するにはどうすればよいですか?

  15. 15

    PostFilterをPagingAndSortingRepositoryに実装するにはどうすればよいですか?

  16. 16

    PostFilterをPagingAndSortingRepositoryに実装するにはどうすればよいですか?

  17. 17

    LogicをDjangoに実装するにはどうすればよいですか?

  18. 18

    Javaで同期を実装するにはどうすればよいですか?

  19. 19

    SwiftUIでPageViewを実装するにはどうすればよいですか?

  20. 20

    SwiftUIでPageViewを実装するにはどうすればよいですか?

  21. 21

    Typescriptで$ httpを実装するにはどうすればよいですか?

  22. 22

    ScalaでKafkaConsumerを実装するにはどうすればよいですか

  23. 23

    FlaskでMIXINを実装するにはどうすればよいですか?

  24. 24

    KAAでRestAPIを実装するにはどうすればよいですか

  25. 25

    zipWithをfoldrで実装するにはどうすればよいですか?

  26. 26

    LaravelでGravatarを実装するにはどうすればよいですか?

  27. 27

    FortranでBCDを実装するにはどうすればよいですか?

  28. 28

    入力のカスタムディレクティブから、親フォームを無効にするにはどうすればよいですか?

  29. 29

    適切なリスト実装を選択するにはどうすればよいですか?

ホットタグ

アーカイブ