Uncaught SyntaxError: Unexpected end of input

Question

Witam w konsoli błędów wyskakuje taki błąd jak w tytule.

Kod HTML:

<tbody>
   <tr data-ng-repeat="element in list">
      <td data-nd-bind="element.title"></td>
      <td data-nd-bind="element.autor"></td>
      <td data-nd-bind="element.date"></td>
   </tr>
</tbody>

A w kodzie js to:

var app = angular.module('app', []);
  app.controller('Ctrl', ['$scope', function ($scope)
  {
      $scope.list = [
      {title: "l", autor: "l", date: "l"},
      {title: "l", autor: "l", date: "l"},
      {title: "l", autor: "l", date: "l"},
      {title: "l", autor: "l", date: "l"},
      {title: "l", autor: "l", date: "l"}
    ];
 }

I zanim tabeli wyskakuje błąd ;)

Comments

Proponuję zapoznać się z którymś ze style guide'ów do AngularJS:

https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md

https://github.com/toddmotto/angular-styleguide

http://stackoverflow.com/a/26823032/4983840

i pisać w ten sposób:

( function() {

  'use strict';

  angular
    .module( 'app', [] )
    .controller( 'Ctrl', Ctrl );

  function Ctrl() {
    // vm stands for ViewModel
    var vm = this;

    vm.list = [
        { title: "l", autor: "l", date: "l" },
        { title: "l", autor: "l", date: "l" },
        { title: "l", autor: "l", date: "l" },
        { title: "l", autor: "l", date: "l" },
        { title: "l", autor: "l", date: "l" }
    ];    
  }

} () );

W HTML:

• jeśli controller określasz jako dyrektywa, dopisuj "<NAZWA_CONTROLLERA> as vm"
• jeśli controller przypisujesz przez router, to w nim zapisz pole controllerAs: vm
• przy bindowaniu pamiętaj aby na początku zapisać "vm.<POLE / METODA>", gdyż wtedy do funkcji i zmiennych (modeli) kontrolera odnosisz się poprzez zmienną vm (powiązaną z this) a nie bezpośrednio przez $scope

Answer 1

var app = angular.module('app', []);
  app.controller('Ctrl', ['$scope', function ($scope)
  {
      $scope.list = [
      {title: "l", autor: "l", date: "l"},
      {title: "l", autor: "l", date: "l"},
      {title: "l", autor: "l", date: "l"},
      {title: "l", autor: "l", date: "l"},
      {title: "l", autor: "l", date: "l"}
    ];
 }]);