Why ng-repeat is not working correctly?
<p>I am looping an array with <code>ng-repeat</code> but it only displays what is write in <code>{{ }}</code>.</p>

<p>There is not any error in the console though it's not displaying properly...
Here is the code</p>

<pre><code>    &lt;html ng-app="mittens"&gt;
    &lt;head&gt;
        &lt;title&gt;Mittens&lt;/title&gt;
        &lt;link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"&gt;
        &lt;script type="text/javascript" href="angular.min.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" href="mittens.js"&gt;&lt;/script&gt;

    &lt;/head&gt;
    &lt;body ng-controller="mittensController"&gt;
        &lt;div class="container"&gt;

            &lt;h3 ng-repeat="meow in meows"&gt;{{meow}}&lt;/h3&gt;

        &lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p>Here is mittens.js file..</p>

<pre><code>var app = angular.module('mittens',[]);

    app.controller('mittensController',function($scope){

        $scope.meows = [{
            'This is first sentence',
            'This is second sentence',
            'This is third sentence',
            'This is fourth sentence'
        }];

    });
</code></pre>