I am attempting to trigger a checkbox from a separate controller. Suppose I have a card called information technology under one controller, and when clicked, it should redirect to another page that contains a checkbox for information technology managed by a different controller, with the box pre-checked upon rendering.

The application's architecture is quite complex, so I won't provide any code snippets here. However, I'm looking for guidance on how to approach this challenge.

This is the controller where I intend to write the logic to mark a checkbox as checked (located within another controller).

angular
  .controller("mycontroller", mycontroller);
  mycontroller.$inject = [
        "$scope"
    ];

    // retrieving data with getData()
        $scope.getData = function (data, type) {
            console.log("what is the data about in getData(data)? ", data)
            $scope.query = data.name;
            if (data.checked == undefined) {
                data.checked = true;
            }
        }

Below, you'll find the controller where the checkbox functionality resides.

angular
    .controller('supplierIntelligenceCtrl', function ($scope, $q, FetchData, dataStore, SharedService,
        $document, $window, $state, $rootScope, $timeout, DataCache,
        $filter, $interval, $localStorage, $http) {

                $scope.getData = function (data, type) {
            console.log("what is the data about in getData(data)? ", data)
            $scope.query = data.name;
            if (data.checked == undefined) {
                data.checked = true;
            }

        }

        $scope.apply = function (type) {
            $scope.select = false;
            $scope.bigres = 0;
            $scope.mobFil = 3;
            $scope.applyFilter(type);
        }

        $scope.disableApply = false;
        $scope.disableApply2 = false;

        $scope.applyFilter = function (type) {
            console.log("this is type: ", type)
            if (type == 'industries') {
                $scope.filters.industries = $scope.industries.filter(function (e) {
                    console.log("this is e: ", e.checked)
                    return e.checked;
                }).map(function (f) {
                    console.log("this is f: ", f)
                    return f.id
                })

                $scope.filters.countries = [];
                if ($scope.countries != undefined) {
                    $scope.countries = $scope.countries.map(function (e) {
                        e.checked = false;
                        return e;
                    })
                }
                $scope.filters.cities = [];
                if ($scope.cities != undefined) {
                    $scope.cities = $scope.cities.map(function (e) {
                        e.checked = false;
                        return e;
                    })
                }
                $scope.start = 0;
                if ($scope.filters.industries.length > 0) {
                    $scope.callBackend();
                    $scope.disableApply2 = true;
                    FetchData.fetchDNBCountriesByIndustries('industries=' + $scope.filters.industries + '&size=').then(function (res) {
                        $scope.disableApply2 = false;
                        $scope.countries = res.data;
                        $scope.countriesPage += 10
                    }, function () {
                        $scope.disableApply2 = false;
                    });
                } else {
                    $scope.callBackend();
                }
            }
            if (type == 'countries') {

                $scope.filters.countries = $scope.countries.filter(function (e) {
                    return e.checked;
                }).map(function (f) {
                    return f.id;
                })
                $scope.filters.cities = [];
                if ($scope.cities != undefined) {
                    $scope.cities = $scope.cities.map(function (e) {
                        e.checked = false;
                        return e;
                    })
                }
                $scope.start = 0;
                if ($scope.filters.countries.length > 0) {
                    $scope.callBackend();
                    $scope.disableApply2 = true;
                    FetchData.fetchDNBCitiesByIndustriesAndCountries('industries=' + $scope.filters.industries + '&countries=' + $scope.filters.countries + '&size=').then(function (res) {
                        $scope.disableApply2 = false;
                        $scope.cities = res.data;
                    }, function () {
                        $scope.disableApply2 = false;
                    })
                } else {
                    $scope.callBackend();
                }
            }
            if (type == 'cities') {
                $scope.filters.cities = $scope.cities.filter(function (e) {
                    return e.checked;
                }).map(function (f) {
                    return f.id
                })
                $scope.start = 0;
                $scope.callBackend();
            }


            if (type == 'classifications') {
                $scope.filters.classifications = $scope.classifications.filter(function (e) {
                    return e.checked;
                }).map(function (f) {
                    return f.statusCode;
                })
                $scope.start = 0;
                $scope.callBackend();
            }
        }

        }

Lastly, here is the HTML containing the checkbox:

<div ng-repeat="data in industries">                                 
   <input id="{{data.id}}in" type="checkbox" aria-invalid="false"
          ng-model="data.checked"
          ng-change="getData(data,'industry')">
  <label for="{{data.id}}in">{{data.name}}</label>
</div>

It's possible that I might be missing something or overlooking a detail. As a newcomer to AngularJS, I need assistance in implementing the feature of routing a button/card to another page while checking a specific checkbox filter.

Any advice would be greatly appreciated. :)