title: Binding value into TinyMCE <textarea> using AngularJS model
body: <p>I am developing an ASP.net MVC application with AngularJS and TinyMCE. </p>
  
  <p>I need to display a WYSIWYG textarea to the user to get input. </p>
  
  <p>I am not able to bind initial value into the textarea. Need help. The following is what I have done.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      tinyMCE.init({
          mode: "textareas",
          theme: "advanced",
          theme_advanced_path: false,
          theme_advanced_buttons1: "fontselect,|,bold,italic,underline,|,fontsizeselect,|,forecolor,backcolor",
          theme_advanced_buttons2: "|,justifyleft,justifycenter,justifyright,|,link,unlink,|,bullist,numlist,|,code",
          theme_advanced_toolbar_location: "top",
          theme_advanced_toolbar_align: "left",
          theme_advanced_statusbar_location: "bottom",
          theme_advanced_resizing: true,
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>&lt;textarea data-ng-model="selectedProduct.ProductText"&gt;
    {{selectedProduct.ProductText}}
  &lt;/textarea&gt;
  </code></pre>