How to hide a <td> upon page load in angularjs which contains a select box inside?

See more:

AngularJs

Hi,

I am looking for a way to hide a select box which is located inside a tag upon page load. I will need to manipulate it and bring it backup using a function later. So I dont want to hardcode the hide.

My table is :

<table ng-table="talentPoolList" show-filter="true" class="table table-striped table-bordered">
                    <tr ng-repeat="employee in data | filter: testFilter">

                        <td data-title="'#'">{{$index + 1}}</td>
 <td data-title="'Select Account'" ng-hide="showhide">
                            <select>
                                <option disabled selected value> -- select an option -- </option>
                                <option id="selectedLocked">Blocked</option>
                                <option id="selectedBilled">Billed<//option>
                                <option id="selectedShadow">Shadow</option>
                                <option id="selectedOnNotice">OnNotice</option>
                                <option id="selectedPOC">POC</option>
                            </select>
                        </td>
</table>

Can anyone show me how to hide that on page load?

I use factory in controller... So Ill show how my controller looks in case you want to add code there to hide the td. Please show with an example as I am new to angular and have no clue how to achieve this.
My controller :

//Factories
myApp.factory('employeeTalentPoolServices', ['$http', function ($http) {

    var factoryDefinitions = {
getAllBenchers: function () {
            return $http.get(myApp.TalentPoolBaseUrl + '/EmployeeState?state=&pageNumber=0&pageSize=0').success(function (data) { return data; });
                     }
}

    return factoryDefinitions;
}
]);
//Controllers

myApp.controller('getAllBenchersController', ['$scope', 'employeeTalentPoolServices', function ($scope, employeeTalentPoolServices) {
    employeeTalentPoolServices.getAllBenchers().then(function (result) {
        $scope.data = result.data;
        $scope.testFilter = function (item) {
            return (item.state.state.toLowerCase() === 'available' || item.state.state.toLowerCase() === 'blocked');
        }
    });
    
}]);

Thanks is advance

What I have tried:

I am a beginner in AngularJS and I dont have a clue how to do this.