angularjs - ng-repeat 内から制御されている場合、ng-hide または ng-show は機能しません

Question

ng-repeat のいずれかのボタンがクリックされた場合、div を非表示にしようとしています。しかし、それはうまくいかないようです.ng-repeat内から制御されている場合、ng-hideまたはng-showが機能しないかどうかを考えさせられますか?

<div data-ng-hide="showChooseHardware">
    <table class="table">
        <tbody>
            <tr data-ng-repeat="hardware in hardwares">
                <td>{{hardware.name}}</td>
                <td>
                    <button type="button" class="btn" data-ng-click="showChooseHardware=!showChooseHardware"/>
                </td>
            </tr>
        </tbody>
    </table>
</div>