javascript - varios - Cómo actualizar el objeto `$ scope` desde el controlador` directive`

varios controladores angularjs

Question

Estoy tratando de actualizar el objeto $scope desde el controlador, pero no se está actualizando. pero en la consola me estoy actualizando.

aquí está mi código:

var galleryMenu = [''$route'', function ($route) {
return {
scope : true,
replace : true,
template : function () {
var page = $route.current.className || ''home'';
return galleryMenuItem(page);
},
controller : function ($scope, $element) {
$scope.galleryProject = function () {
$scope.galleryShow = !$scope.galleryShow;
console.log($scope.galleryShow) //gives me true, but `DOM` not updating.
}
}
}
}];

Answer 1

Su directiva utiliza el scope: true significa que ha creado un ámbito heredado prototípicamente del ámbito principal.

Entonces tu objeto galleryShow debería seguir dot rule

$scope.model = {};
$scope.model.galleryShow = ''something'';

Entonces, en su directiva podría obtener el objeto $scope.model por herencia de prototipales y podría cambiarlo por $scope.model.galleryShow cambiará el alcance principal.

Controlador directivo

controller : function ($scope, $element) {
$scope.galleryProject = function () {
$scope.model.galleryShow = !$scope.galleryShow;
console.log($scope.model.galleryShow) //gives me true, but `DOM` not updating.
}
}