https://github.com/angular/code.angularjs.org/blob/master/1.2.25/angular.min.js
by Vikram Kute
HTML
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://github.com/angular/code.angularjs.org/blob/master/1.2.25/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<a ng-click="addData()">add Slide</a>
<div id="container"></div>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $compile) {
$scope.newCarouselSlideData =
[
{
"questionText": "1 Quest"
},
{
"questionText": "2 Quest"
},
{
"questionText": "3 Quest"
}
]
addSlide = function (obj) {
$scope.singleObj = obj;
el = $('<div ng-bind="singleObj.questionText"></div>');
$("#container").append(el);
$compile(el)($scope);
};
$scope.addData = function() {
for (var i = 0; i < $scope.newCarouselSlideData.length; i++) {
addSlide($scope.newCarouselSlideData[i]);
}
}
});
</script>
</body>
</html>