无法在点击时销毁范围值

Question

我有一个图表指令，点击栏我将值发送给控制器。

// on click of bar chart emitting distict name
function onSeriesClick(e) {
    scope.$emit('districtIdClicked', e.category);
    scope.$apply();

}

在控制器中。

// Passing values to map directive clicked District ID
$scope.clickedDistrictId = null;
console.log($scope.clickedDistrictId);
var lis = $scope.$on('districtIdClicked', function (event, data) {
    console.log(data);
    $scope.clickedDistrictId = data;
});

$scope.$on('$destroy', function () {
    lis();
});

我在这里列出他的价值，我想再次传递给另一个指令。所以我分配了一个scope，而我正在另一个scope中看到这个directive。

// functionality for If District is not in visible on map, it should zoom out to show the selected district. 
scope.$watch('clickedDistrictId', function (selectedDistrictID) {
    if (scope.districtBoundaryData !== undefined) {
        updateMapSetDistrictPolygon(voltageMap, scope.districtBoundaryData, selectedDistrictID);
    }
});

问题是我无法破坏该值（直到我将转到不同的页面）。如果在点击图表栏上它具有相同的值，则值将被发送到控制器但不能在另一个指令中查看，

有没有办法明确销毁范围的值？