Мне нужно изменить переменную mensaje из «padre controller» и визуализировать ее. и изменить переменную из «контроллера Hijo» и наоборот, но это не работаетКак я могу изменить значение переменной из вложенного контроллера и наоборот?
если щелчок в «Cambiar падре» изменение значения, если щелчок в «Cambiar Desde эль Hijo», он работает, но когда Я снова нажмите на "Cambiar Desde эль падре" он больше не работает
JS
angular.module('starter.controllers', [])
.controller('padre', function ($scope) {
$scope.mensaje = "hola";
$scope.cambiarPadre = function() {
$scope.mensaje = "texto modificado desde el padre";
};
})
.controller("hijo", function ($scope) {
$scope.cambiarHijo = function() {
console.log('entro a cambiar hijo : ');
$scope.mensaje = "texto modificado desde el hijo";
};
$scope.cambiarPadreDesdeHijo = function() {
console.log('entro a cambiar hijo : ');
$scope.$parent.mensaje = "texto modificado desde el hijo";
};
})
HTML
<ion-view view-title="Dashboard" ng-controller="padre as p">
<ion-content class="padding">
DEL PADRE
<br>
padre:{{mensaje}}
<br>
hijo:{{mensaje}}
<br>
<br>
<button ng-click="cambiarPadre()">cambiar desde el padre</button>
<div ng-controller="hijo as h">
DEL HIJO sin nada
<br>
sin parent:
<br>
padre:{{mensaje}}
<br>
hijo:{{mensaje}}
<br>
<br>
con parent:
<br>
padre:{{$parent.mensaje}}
<br>
hijo:{{$parent.mensaje}}
<br>
<button ng-click="cambiarHijo()">cambiar desde el hijo</button>
<br>
<br>
<button ng-click="cambiarPadreDesdeHijo()">cambiar padre desde hijo</button>
</div>
</ion-content>
</ion-view>
сделать их компонентами и передать реквизиты с '=', прекратить использование 'ng-controller' –