title: Angular Error ng-if
body: <p>Angular Js returning me this error link</p>
  
  <pre><code> [1]http://errors.angularjs.org/1.2.10/$parse/lexerr?p0=Unterminated%20quote&amp;p1=s%2013-14%20%5B'%5D&amp;p2=recipe.ID%20!%3D%3D'
  </code></pre>
  
  <p>I dont know how to apply the solution. Please help me. 
  Thanks
  My javascript :</p>
  
  <pre><code>var app = angular.module('sample', [])
  
  app.directive("otcDynamic", function ($compile) {// compile Json data return and wrap inside html
      return {
      link: function (scope, element) {
          var template = global.userhtml;
          var linkFn = $compile(template);
          var content = linkFn(scope);
          element.append(content);
       }
     }
  });
  </code></pre>
  
  <p>Json Data Return from web api </p>
  
  <pre><code>var global {
  userhtml ='&lt;table class="recipe-table" cellspacing="0" cellpadding="0"&gt;&lt;tbody&gt;&lt;tr class="recipe-list" data-ng-repeat="recipe in recipe_data" ng-if="recipe.Keyword == keyw.Keyword" &gt;&lt;td  id="td-img{{recipe.CodeListe}}" rowspan="2"&gt;&lt;center&gt;&lt;span id="img{{recipe.ID}}X"&gt;&lt;a id="{{recipe.ID}}" href="javascript:void(0);"&gt; &lt;img  ng-if="recipe.ID !==''" fallback-src="images/default.png" ng-src="{{recipe.Pictures}}" class="images" id="img{{recipe.ID}}"/&gt;&lt;img  ng-if="recipe.Pictures===''" class="images" src="images/default.png" id="img1"/&gt;&lt;/a&gt;&lt;/span&gt;&lt;/center&gt;&lt;/td&gt;&lt;td class="recipes"&gt;&lt;div id="drn" class="div-recipe-name"&gt;&lt;strong&gt;{{recipe.Name}}&lt;/strong&gt;&lt;/div&gt;&lt;br /&gt;&lt;div id="drd" class="div-recipe-desc"&gt;{{recipe.desc}}&lt;/div&gt;&lt;div class="div-recipe-allergen"&gt;{{recipe.allergen}}&lt;/div&gt;&lt;div class="div-recipe-cost"&gt;{{recipe.cost}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;' 
  }
  </code></pre>
  
  <p>My Html :</p>
  
  <pre><code>  &lt;accordion close-others="false"&gt;
    &lt;div&gt;
      &lt;accordion-group class="div-recipe-header"&gt;
        &lt;accordion-heading&gt;&lt;/accordion-heading&gt;
          &lt;my-directive&gt;&lt;/my-directive&gt;
            &lt;div otc-dynamic&gt;&lt;/div&gt;   
      &lt;/accordion-group&gt;
    &lt;/div&gt;
  &lt;/accordion&gt;
  </code></pre>