title: How to remove double quotes from string binded in Angular?
body: <p><a href="https://i.stack.imgur.com/fWF8M.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/krRuT.png" alt="Here what it looks like"></a>
  <a href="https://i.stack.imgur.com/fWF8M.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fWF8M.png" alt="In the inspector"></a></p>
  
  <p>Here's the code</p>
  
  <pre><code>var app = angular.module('umovie-app');
  
  app.directive('renamable', function($sce) {
  return {
      scope: {
          model: '=model',
      },
      link: function(scope, elements, attributes) {
          var input = elements[0];
  
          scope.trustHtml = $sce.trustAsHtml(scope.model.name);
  
          $(input).click(function() {
              elements.addClass("active");
              $(input).html(`&lt;input type="text" value="${scope.model.name}"&gt;`).unbind("click");
          });
  
          $(input).on('focusout', function() {});
      },
      template: '&lt;a class="renamable"&gt;{{ trustHtml }} &lt;i class="material-icons"&gt;mode_edit&lt;/i&gt;&lt;/a&gt;',
  };
  });
  </code></pre>
  
  <p>Someone could tell me how to remove the double quotes generated by angular around my <code>trustHtml</code> variable when it is binded ?</p>
  
  <p>Thank you !</p>
  
  <p>EDIT: The result is like, I would like the icon aligned with my <code>&lt;a&gt;&lt;/a&gt;</code></p>