Angular 1.0 bis Angular 1.6 [ERROR]

Question

Ich habe versucht, dies (https://jsfiddle.net/j7rqgsf1/) jsfiddle code innerhalb zu setzen, aber ich erkannte, dass ich mein Projekt wegen der Versionen nicht anziehen kann.

Schließlich, als ich das Drehbuch zu ersetzen, erscheint und ERROR:

Controller: ctrlreg

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 

statt

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script> 

Hier ist meine Controller-Datei (controller.js) [UPDATE app.js]

var app = angular.module('myModule',[]); 
app.controller('ListaComprasController',function($scope){ 

     $scope.form = true; 
     $scope.item = {}; 

     $scope.itens = [ 
      {nombre: 'Leite', telefono: 212122, descripcion: "tadsasasdas",especialidades:"tarea",dirreccion:"Siempre Viva 920",horarioDesde:"19:00",horarioHasta:"22:00",nombreCom:"Tssa",telefonoCom:"223123",checkCom:true,emailCom:"tesr@sdasad.com"}, 
      {nombre: 'Adssad', telefono: 3410220, descripcion: "tadsasasdas",especialidades:"tarea",dirreccion:"Siempre Viva 920",horarioDesde:"19:00",horarioHasta:"22:00",nombreCom:"Tssa",telefonoCom:"223123",checkCom:false,emailCom:"tesr@sdasad.com"} 
     ]; 

     $scope.adicionaItem = function() { 
      $scope.itens.push(
       { 
        nombre: $scope.item.nombre, 
        telefono: $scope.item.telefono, 
        descripcion: $scope.item.descripcion, 
        especialidades: $scope.item.especialidades, 
        dirreccion: $scope.item.dirreccion, 
        horarioDesde: $scope.item.horarioDesde, 
        horarioHasta: $scope.item.horarioHasta, 
        checkCom: $scope.item.checkCom, 
        nombreCom: $scope.item.nombreCom, 
        apellidoCom: $scope.item.apellidoCom, 
        telefonoCom: $scope.item.telefonoCom, 
        emailCom: $scope.item.emailCom 
       } 
      ); 
      $scope.item.produto = $scope.item.quantidade = ''; 
      toastr.success("Item adicionado com sucesso."); 
      $scope.form = true; 
     }; 
     $scope.addItem = function() { 
      $scope.form = false; 
     }; 
     $scope.editarItem = function(index){ 
      $scope.form = false; 
      $scope.item = $scope.itens[index]; 
      $scope.edit = true; 
     }; 

     $scope.applyChanges = function(index){ 
      $scope.item = {}; 
      $scope.form = false; 
      $scope.edit = false; 
      toastr.success("Item alterado com sucesso."); 
     }; 
     $scope.CancelarItem = function(index){ 
      $scope.item.produto = $scope.item.quantidade = ''; 
      $scope.form = true; 
     }; 
     $scope.deleteItem = function(index){ 
      $scope.itens.splice(index, 1); 
      toastr.success("Item removido com sucesso."); 
     }; 

}); 

Answer 1

Wenn Sie Angularjs Version über 1.3 verwenden, müssen Sie den Controller so erklären, denn für Controller globale Funktionsdeklaration nur mit AngularJS unterstützt 1.2 und unter

var app = angular.module('myModule',[]); 
app.controller('ListaComprasController',function($scope){ 
    /// 
}); 

DEMO