ng-hide does not hide button

Question

I want to hide the button if it's the delete folder and show if it's the inbox. The code below does not work as the button is always shown.

<div class="message-footer-height"  >
   <div class="custom-div-class" ng-click=""  > 
      <button class="custom-btn-default" 
         ng-hide="messageState.details && itemTappedValue = 'delete'"
         ng-class="{ 'msg-btn' : userMessageDetails.id === -1 }" 
         ng-click="deleteMessage()" >
            {{"button.delete"|translate}}
      </button>
   </div>
</div>

Thanks

score 2 · Accepted Answer · answered Nov 22 '18 at 17:47

You need to use ==, == is loose equality and === is strict equality. Read more here https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness

  <div class="message-footer-height"  >
    <div class="custom-div-class" ng-click=""> 
      <button class="custom-btn-default" 
        ng-hide="messageState.details && itemTappedValue == 'delete'"
        ng-class="{ 'msg-btn' : userMessageDetails.id === -1 }"
        ng-click="deleteMessage()">
          {{"button.delete"|translate}}
      </button>
    </div>
  </div>

Thank you. Stupid typo on my part. – Tori Nov 22 '18 at 18:30 — Tori, Nov 22 '18 at 18:30

score 1 · Answer 2 · edited Nov 22 '18 at 18:09

1

You need double equal sign here itemTappedValue = 'delete'

edited Nov 22 '18 at 18:09

georgeawg

48,608
13
72
95

answered Nov 22 '18 at 17:47

Slobodan Gajić

160
1
12

ng-hide does not hide button

2 Answers2