ng-hide not working inside button Ionic 1

Question

<button class="footer-bar-item item-right button button-clear" ng-hide="taskDetails.task_id == '2044'">
    <button class="button" ng-click="addNote(taskDetails.task_id)">Add Note</button>
</button>

taskDetails.task_id value is String and its value is equal to "2044".But button not hides.I'm new to Ionic.I'll grateful if someone can help me to resolve this.

Answer 1

finally I found solution.

 <button class="footer-bar-item item-right button button-clear" >
        <button ng-hide="taskDetails.task_id == '2044'" class="button" ng-click="addNote(taskDetails.task_id)">Add Note {{taskDetails.task_id == '2044'}}</button>
    </button>