AngularJSの親スコープ変数を更新する

2つのコントローラーがあり、1つは別のコントローラーにラップされています。これで、子スコープが親スコープからプロパティを継承することがわかりましたが、親スコープ変数を更新する方法はありますか？これまでのところ、明確な解決策はありません。

私の状況では、フォーム内にカレンダーコントローラがあります。送信時にフォームに開始日と終了日が含まれるように、親スコープ（フォーム）から開始日と終了日を更新したいと思います。

親スコープでオブジェクト（プリミティブではない）を使用する必要がある場合、子スコープから直接更新できます

親：

app.controller('ctrlParent',function($scope){
    $scope.parentprimitive = "someprimitive";
    $scope.parentobj = {};
    $scope.parentobj.parentproperty = "someproperty";
});

子：

app.controller('ctrlChild',function($scope){
    $scope.parentprimitive = "this will NOT modify the parent"; //new child scope variable
    $scope.parentobj.parentproperty = "this WILL modify the parent";
});

作業デモ：http : //jsfiddle.net/sh0ber/xxNxj/

AngularJSのスコーププロトタイプ/プロトタイプ継承のニュアンスは何ですか？を参照してください。

このタスクを実行し、$scope.$parent変数を使用しない方法がもう1つあります。

親スコープの値を変更するメソッドを用意し、子スコープで使用するだけです。このような：

app.controller('ctrlParent',function($scope) {
  $scope.simpleValue = 'x';
  $scope.changeSimpleValue = function(newVal) {
    $scope.simpleValue = newVal;
  };
});

app.controller('ctrlChild',function($scope){
    $scope.changeSimpleValue('y');
});

また、機能し、値の変更をより詳細に制御できます。

その後、次のようなHTMLでもメソッドを呼び出すことができます<a ng-click="changeSimpleValue('y')" href="#">click me!</a>。

これも機能します（ただし、これがベストプラクティスに従っているかどうかはわかりません）

app.controller('ctrlParent',function($scope) {
    $scope.simpleValue = 'x';
});

app.controller('ctrlChild',function($scope){
    $scope.$parent.simpleValue = 'y';
});

スコープにプリミティブ属性を割り当てると、親スコープに同じ名前の属性がある場合でも、スコープに対して常にローカルになります（その場で作成される場合があります）。これは設計上の決定であり、良い選択です。

親スコープ内のいくつかのプリミティブ（int、booleans、string）をビューから変更する必要がある場合、それをそのスコープ内の別のオブジェクトの属性にする必要があるため、割り当ては次のようになります。

<a ng-click="viewData.myAttr = 4">Click me!</a>

そしてそれは順番に：

1. viewData定義されているスコープからオブジェクトを取得する
2. そのmyAttr属性に4を割り当てます。

親で宣言された変数にアクセスするには、子コントローラーまたはテンプレートファイルで$ parentを使用する必要があります

コントローラ内

$scope.$parent.varaiable_name

HTMLテンプレート

ng-model="$parent.varaiable_name"