Ember action on component not rendering what is inside conditional


#1

I am an Ember beginner and am not too sure why my code is not working. I have a component that has a button that I have assigned an action to. The action is to set a value to true so that conditional I defined on my template can show some some html elements. I know that the code is setting the value correctly it is just not rendering the HTML on my template.

Example: Button icon: <span id=“search”>

<input type=“submit” value="" aria-label=“search” alt=“perform search” {{action “enterResults”}}>

</span>

{{#if isNoResults}}

<div class=“pac-container pac-logo rectangle”>

<div class=“pac-item”>

<span class=“pac-icon pac-icon-marker hide-pac-icon”></span>

<span class= “pac-item-query”>

<span class= “pac-matched”>

<p class=“dynamic”> “{{address}}”</p>

</span>

</span>

</div>

</div>

{{/if}}

{{#if isNoResults}}

Action:

enterResults() { if (this.get(‘someElemenet’) === this.get(‘anotherElemment’)) {

    doSomething();

  } else{
  • it reaches the block but nothing shows this.set(‘isNoResults’, true);

    } 
    

}