Import Json data and show it in angular app
<p>i started learning angular a week ago, and now im trying to construct a app by myself (because people say that is the best way to learn), im trying to do a thing that i didnt before so dont be so rude to me if it is easy, im trying to build a pokedex, im trying to use data that already exist for it in Json, and import it to the controller on angular so i can use ng-repeat to show the data, but i dont know why it doesnt result, maybe im doing a lot of mistakes but i cant find it :/ , i will post what i did here:</p>

<p><strong>Html</strong></p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;title&gt;Document&lt;/title&gt;
&lt;!-- Latest compiled and minified CSS --&gt;
&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;

&lt;!-- Optional theme --&gt;
&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"&gt;

&lt;!-- Latest compiled and minified JavaScript --&gt;
&lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"&gt;&lt;/script&gt;
&lt;script src="angular.js"&gt;&lt;/script&gt;
&lt;script src="pokedex.js"&gt;&lt;/script&gt;
</code></pre>

<p></p>

<pre><code>&lt;body ng-app ="pokedex"&gt;
    &lt;div class="row"&gt;
        &lt;div class="col-md-offset-1 form-group"&gt;
            &lt;label for="sel1"&gt;Select list:&lt;/label&gt;
            &lt;select class="form-control"&gt;
                &lt;option&gt;All&lt;/option&gt;
                &lt;option&gt;Normal&lt;/option&gt;
                &lt;option&gt;Watter&lt;/option&gt;
                &lt;option&gt;Fire&lt;/option&gt;
                &lt;option&gt;Eletric&lt;/option&gt;
                &lt;option&gt;Rock&lt;/option&gt;
                &lt;option&gt;Ice&lt;/option&gt;
                &lt;option&gt;Grass&lt;/option&gt;             
                &lt;option&gt;Psychic&lt;/option&gt;
                &lt;option&gt;Poison&lt;/option&gt;
                &lt;option&gt;Dragon&lt;/option&gt;
            &lt;/select&gt;
        &lt;/div&gt;
    &lt;/div&gt;

&lt;div class="row" ng-controller="PokemonController as pokedex"&gt;
    &lt;div class="col-md-offset-1 col-md-6" ng-repeat = "pokemon in pokedex.pokemons"&gt;
      &lt;p&gt;Name: {{pokemon.Name}}&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>
</p>

<p><strong>script</strong></p>

<pre><code>(function(){

var app = angular.module('pokedex',[]);

app.controller('pokemonController',['$http',function($http){
     var pokemons = this;
    $http.get('https://pokedex-deluxor.rhcloud.com/getall').success(function(data){
    pokemons = data;
    });
}]);
});
</code></pre>

<p>Json Url: <a href="https://pokedex-deluxor.rhcloud.com/getall" rel="nofollow">Pokedex</a></p>

<p>Ps: Sorry about my bad english friends :/</p>