Angularjs - ng-repeat is not working

Question

Good afternoon, I made the following code: http://jsfiddle.net/27du7oaL/5/ . Accessing Jsfiddle, you can see that Angular shows the title that is in the controller, but does not show any data related to the array. How to solve this problem?

HTML

<div ng-app="Series">
  <div class="container" ng-controller="SeriesController">
    <h1>{{titulo}}</h1>
    <form autocomplete="off" ng-submit="adicionaSerie()">
      <div class="form-group">
        <label for="nome">Nome da serie:</label>
        <input type="text" pattern="{1,}" placeholder="Minímo 1 caractere" id="name" ng-model="novaSerie.nome" required>
      </div>
      <div class="form-group">
        <label for="produtora">Produra:</label>
        <input type="text" ng-model="novaSerie.produtora">
      </div>
      <footer><button type="submit">Adicionar serie</button></footer>
    </form> 
  </div>

  <ul>
    <li ng-repeat="serie in series">
    <h3>{{serie.nome}}</h3>
    <h3>{{serie.produtora}}</h3>
    </li>
  </ul> 

</div>

Angularjs :

var app = angular.module("Series", []);

app.controller("SeriesController", function($scope){

    $scope.titulo = "Adiciona Serie";

    $scope.series = [
        {
            nome: 'Nothing',
            produtora: 'Nothing Producers'

        }
    ];

    $scope.novaSerie = {};

    $scope.adicionaSerie = function() {
        var serie = angular.copy($scope.novaSerie);
        $scope.artistas.push(serie);
        $scope.novaSerie = {};
    }
});

Answer 1

There are two mistakes there:

• The list that should contain the $scope.series is out of of div containing the Directive ne-controller.

• In function adicionaSerie has the following line:

  $scope.artistas.push(serie);
  

  That should be

  $scope.series.push(serie);
  

See the code working:

var app = angular.module("Series", []);

app.controller("SeriesController", function($scope) {

  $scope.titulo = "Adiciona Serie";
  $scope.novaSerie = {};
  $scope.series = [
    {
      nome: 'Nothing',
      produtora: 'Nothing Producers'
    }
  ];

  $scope.adicionaSerie = function() {
    var serie = angular.copy($scope.novaSerie);
    $scope.series.push(serie);
    $scope.novaSerie = {};
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="Series" ng-controller="SeriesController">
  <div class="container" >
    <h1>{{titulo}}</h1>
    <form autocomplete="off" ng-submit="adicionaSerie()">
      <div class="form-group">
        <label for="nome">Nome da serie:</label>
        <input type="text" pattern="{1,}" placeholder="Minímo 1 caractere" id="name" ng-model="novaSerie.nome" required>
      </div>
      <div class="form-group">
        <label for="produtora">Produra:</label>
        <input type="text" ng-model="novaSerie.produtora">
      </div>
      <footer>
        <button type="submit">Adicionar serie</button>
      </footer>
    </form> 
  </div>

  <ul>
    <li ng-repeat="serie in series">
      <h3>{{serie.nome}}</h3>
      <h3>{{serie.produtora}}</h3>
    </li>
  </ul> 
</div>