title: Error: [$parse:lexerr] http://errors.angularjs.org/1.2.21/$parse/lexerr?p0=Unterminated
body: <p>I am trying to pull data from my database to display into a form, but I keep getting this error  <em>Error: [$parse:lexerr] <a href="http://errors.angularjs.org/1.2.21/" rel="nofollow noreferrer">http://errors.angularjs.org/1.2.21/</a>$parse/lexerr?p0=Unterminated%20quote&amp;p1=s%2055-56%20%5B'%5D&amp;p2=report.incidentTime%20%3D'Couple'sNaNispute%20at%20Robinson%20Hall'</em>. I'm using laravel and angularjs (hybrid approach) in this web app.</p>
  
  <hr>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="col-xs-4 col-sm-4 col-md-4"&gt;
      &lt;div class="form-group" data-ng-class="{'has-error': documentIncident.reportTitle.$invalid &amp;&amp; documentIncident.reportTitle.$dirty}"&gt;
          &lt;label for="incidentTime"&gt;Report Title&lt;/label&gt;
          &lt;input type="text" name="reportTitle" ng-model="report.reportTitle" ng-init=" report.incidentTime ='{{$reports[0]-&gt;reportTitle}}'" autocomplete="off" ng-minlength="6" class="form-control input-sm" required&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <p>DB data</p>
  
  <p><img src="https://i.stack.imgur.com/vxIdf.png" alt="enter image description here"></p>
  
  <p>The problem I am having is that the apostrophe is preventing the data from being shown. Is there a way to get around this, whether through filtering, escaping or any other approach?</p>