title: Append a ionic-slide-box with angular elements
body: <p>I'm trying to append a div from my controller but its not working.</p>
  
  <pre><code>var angularView = angular.element('&lt;ion-scroll direction="y"&gt; &lt;ion-slide-box show-pager="false" ng-repeat="result in news.results | limitTo:1"&gt; &lt;ion-slide class="slider-class" ng-repeat="result in news.results"&gt; &lt;h1&gt;Element to be repeated&lt;/h1&gt;&lt;/ion-slide&gt; &lt;/ion-slide-box&gt; &lt;/ion-scroll&gt;');
    var compileView= $compile(angularView)($scope);
    $('#newsView').append(compileView);
  </code></pre>
  
  <p>i don't wanna use a directive. Any work around for this? Thank you.</p>