AngularJS コントローラー間で変数を効果的に渡すにはどうすればよいですか?

AngularJS コントローラー間での変数の受け渡し

AngularJS コントローラー間での変数の受け渡しは、アプリケーション開発における一般的なタスクです。 1 つのアプローチは、コントローラー間で変数を共有するサービスを作成することです。

共有サービスの作成

angular.module('myApp', [])
    .service('sharedProperties', function () {
        var property = 'First';

        return {
            getProperty: function () {
                return property;
            },
            setProperty: function(value) {
                property = value;
            }
        };
    });

サービスの使用

コントローラーに、共有されたservice:

function Ctrl2($scope, sharedProperties) {
    $scope.prop2 = "Second";
    $scope.both = sharedProperties.getProperty() + $scope.prop2;
}

考慮事項

バインディングがコントローラー間で機能するには、プリミティブではなくオブジェクトのプロパティにバインドすることをお勧めします。 type.

// Avoid using primitive types
var property = 'First';

// Use objects
var property = { Property1: 'First' };

例

次のことを示す例については、[このフィドル](https://jsfiddle.net/philipjohnson/34qhw/) を参照してください。

• 共有の静的コピーへのバインド値

• 値の変更に応じて UI を更新する共有値へのバインド

  • 関数へのバインド
  • オブジェクトのプロパティへのバインド
  • オブジェクトへの双方向バインディングプロパティ

以上がAngularJS コントローラー間で変数を効果的に渡すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。