title: Append HTML with AngularJS
body: <p>HTML</p>
  
  <pre><code>&lt;section&gt;
    &lt;div&gt;
       &lt;p&gt;{{item}}&lt;/p&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>controller.js</p>
  
  <pre><code>(function () {
     var ctrl = function ($scope){
          $scope.item = "test";
     }
  }());
  </code></pre>
  
  <p>This is my team's project. I cannot change how it is set up. The problem I am trying to solve is inserting the $scope.item into the html. How could I do this? </p>