Can't append ionic slide from controllers

ionic-v1
1 
var angularView = angular.element('<ion-scroll direction="y"> <ion-slide-box show-pager="false" ng-repeat="result in news.results | limitTo:1"> <ion-slide class="slider-class" ng-repeat="result in news.results"> <h1>Element to be repeated</h1></ion-slide> </ion-slide-box> </ion-scroll>')
var compileView= $compile(angularView)($scope);
$('#newsView').append(compileView);

The above code doesn’t work. while using a plain div instead of ionic tags works fine. What might be the problem?

I can append slides but not the slide box.

I’ve posted the same question in Stackoverflow. Please check for more details