title: How do I use angular or javascript to display value in html based on true/false return?
body: <p>Note: The code below is just logic, so no parameters are defined. Although they are defined and being used actively in the same javascript file i'm in.</p>
  
  <p>I'm new to javascript/angularjs (I don't even know what code this is) and as of now it's really throwing me a curveball because of the syntax and everything else going on. I have a main function in my dateTimeService.js file being called that returns another function that returns a true/false value based on if store is open or closed using logic below.</p>
  
  <pre><code>app.factory("dateTimeService", function() {
  
      return { 
          isHelperOpen: function(hoursString) {
              if (openTime &lt;= nowTime &amp;&amp; nowTime &lt;= closeTime)
                    return true;
              else
                    return false;}
      }
  }
  </code></pre>
  
  <p>How can I display a value such as "Open" or "Closed" based on the true/false value being returned by one of those functions? How is the html displayed? Do I create another function to do this? Any help is appreciated.. Thanks in advance!</p>
  
  <pre><code>&lt;div class="availability"&gt;{{isHelperOpen(item)}}&lt;/div&gt; --this is my long shot
  </code></pre>