Atualizar variável de escopo pai em AngularJS

Tenho dois controladores, um dentro do outro. Agora eu sei que o escopo filho herda propriedades do escopo pai, mas há uma maneira de atualizar a variável de escopo pai? Até agora não encontrei nenhuma solução óbvia.

Na minha situação, tenho um controlador de calendário em um formulário. Gostaria de atualizar as datas de início e término do escopo pai (que é o formulário) para que o formulário tenha as datas de início e término ao ser enviado.

Você precisa usar um objeto (não um primitivo) no escopo pai e então você será capaz de atualizá-lo diretamente do escopo filho

Pai:

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

Criança:

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";
});

Demonstração de trabalho : http://jsfiddle.net/sh0ber/xxNxj/

Consulte Quais são as nuances da herança prototípica / prototípica do escopo no AngularJS?

Existe mais uma maneira de fazer esta tarefa e não usar a $scope.$parentvariável.

Basta preparar um método para alterar o valor no escopo pai e usá-lo no filho um. Como isso:

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

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

Também funciona e oferece mais controle sobre as alterações de valor.

Você pode, então, também chamar o método, mesmo em HTML como: <a ng-click="changeSimpleValue('y')" href="#">click me!</a>.

Isso também funciona (mas não tenho certeza se segue as práticas recomendadas ou não)

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

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

Quando você atribui um atributo primitivo a um escopo, ele é sempre local para o escopo (possivelmente criado em tempo real), mesmo se um escopo pai tiver um atributo com o mesmo nome. Esta é uma decisão de design, e uma boa IMHO.

Se você precisar alterar alguma primitiva (ints, booleanos, strings) no escopo pai, na visualização, você precisa que seja um atributo de outro objeto nesse escopo, então a atribuição pode ser:

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

e irá, por sua vez:

1. obter o viewDataobjeto de qualquer escopo definido em
2. atribua 4 ao seu myAttratributo.

Para acessar variáveis ​​declaradas no pai, devemos usar $ pai no controlador filho ou arquivo de modelo

No controlador

$scope.$parent.varaiable_name

Em modelo html

ng-model="$parent.varaiable_name"