title: Including a certain div with AngularJS on my html main file
body: <p>I'm starting with AngularJS and I know how to include a whole HTML document inside another HTML document, however I'd like to include only certain div.</p>
  <p>I always used jQuery for this kind of things and I'm not sure if the logic is the same and I could target only &quot;certain&quot; parts of the remote document and not all of it.</p>
  <p>My code is this but I don't know how to target with CSS selectors the specific div I'm interested in.</p>
  <p>Main Document's relevant part looks like this, and the remote document would have a div with id #remote-div, but I don't know where to asses it:</p>
  <pre><code>var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope, $http) {
    $http.get(&quot;https://website.com/remote-document.html&quot;)
    .then(function(response) {
        $scope.myWelcome = response.data;
    });
  });
  
  &lt;div ng-app=&quot;myApp&quot; ng-controller=&quot;myCtrl&quot;&gt; 
  
  &lt;p&gt;Today's welcome message is:&lt;/p&gt;
  
  &lt;h1&gt;{{myWelcome}}&lt;/h1&gt;
  
  &lt;/div&gt;
  </code></pre>