title: how to append text in angular after set interval of time?
body: <p>I make a simple in jquery in which I append the text in div .I am able to that 
  <a href="http://jsfiddle.net/naveennsit/rgeHe/" rel="nofollow">http://jsfiddle.net/naveennsit/rgeHe/</a>
  But same thing I need to using angular .js but It is not append the data ..why ?how it is possible ?here is my plunker
  <a href="http://plnkr.co/edit/Vzq8yQdb52fJaE7Odv4X?p=preview" rel="nofollow">http://plnkr.co/edit/Vzq8yQdb52fJaE7Odv4X?p=preview</a></p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
      &lt;html&gt;
  
        &lt;head&gt;
          &lt;link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" /&gt;
          &lt;script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"&gt;&lt;/script&gt;
          &lt;script data-require="ui-bootstrap@0.10.0" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"&gt;&lt;/script&gt;
          &lt;link rel="stylesheet" href="style.css" /&gt;
          &lt;script src="script.js"&gt;&lt;/script&gt;
        &lt;/head&gt;
  
        &lt;body ng-app="app"&gt;
        &lt;div ng-controller="cntrl"&gt;
        &lt;div ng-repeat="i in items"&gt;{{i}}&lt;/div&gt;
      &lt;/div&gt;
        &lt;/body&gt;
        &lt;script&gt;
        var app=angular.module('app',[]);
        app.controller('cntrl',function($scope,$interval){
          $scope.items=[];
          var i=0;
          $interval(function(){
            $scope.items.push("Hiii I am div");
            $scope.apply();
          },1000)
        })
  
        &lt;/script&gt;
  
      &lt;/html&gt;
  </code></pre>