2017-01-18 6 views
-1

Ich mache nur ein paar einfache Übung mit eckigen 1.x, aber der Browser nicht den Wert und die Funktion innerhalb der Klammern, was ist falsch?Warum Angular wird nicht gestartet?

HTML

<body ng-app="LandingApp"> 

    <form ng-controller="LandingApp"> 
     <input type="number" ng-model="numeroaltrepagine">{{numeroaltrepagine}}</input> 
     <b>TOTALE</b><br/> 
     {{totale() | currency}} 
    </form> 

    <b>TOTALE</b> 



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

Und hier die js

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

LandingApp.controller('numberpages',function($scope){ 

    $scope.primapagine = 150; 
    $scope.altrepagine = 90; 
    $scope.numeroaltrepagine = 1; 

    $scope.totale = function(){ 
     return $scope.altrepagine * $scope.numeroaltrepagine; 
    } 
}); 
+0

Correct HTML

+0

LandingApp.controller ('AnzSeiten', function ($ scope) {Hier ist numberpages der Name deines Controllers, also benutze – AJS

Antwort

0

Ihr ng-Controller sollte numberpages sein nicht LandingApp,

<form ng-controller="numberpages"> 

DEMO

var LandingApp = angular.module('LandingApp',[]); 
 
LandingApp.controller('numberpages',function($scope){ 
 
$scope.primapagine = 150; 
 
$scope.altrepagine = 90; 
 
$scope.numeroaltrepagine = 1; 
 

 
$scope.totale = function(){ 
 
    return $scope.altrepagine * $scope.numeroaltrepagine; 
 
} 
 
});
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> 
 
</head> 
 

 
<body ng-app="LandingApp"> 
 

 
    <form ng-controller="numberpages"> 
 
     <input type="number" ng-model="numeroaltrepagine">{{numeroaltrepagine}}</input> 
 
     <b>TOTALE</b><br/> 
 
     {{totale() | currency}} 
 
    </form> 
 

 
    <b>TOTALE</b> 
 

 

 

 
</body> 
 

 
</html>

+0

warum hier runter? – Sajeetharan

+0

AHAHAH sehr blöder Fehler! danke –

+0

@PdsInk als Antwort markieren – Sajeetharan