Multiplizieren zweier Werte

Ich bin ein Anfänger in AngularJS, aber bin total verwirrt, möchte ich zwei Werte in den Textfeldern multiplizieren, um die endgültige Antwort zu erhalten, aber dieser Code multipliziert sie nicht. Bitte lassen Sie mich wissen, wo ich falsch mache. Unten ist der Code.Multiplizieren zweier Werte

<!DOCTYPE html> 

<head> 
    <title> PixsarApp Content Management System</title> 
<script src= "~/Scripts/angular.js"></script> 
</head> 
<body data-ng-app="Demo" > 


    <h1>PixsarApp Content Management System</h1> 



    Enter Numbers to Multiply: 
    <input type="text" data-ng-model="Num1" /> x <input type="text" data-ng-model="Num2" /> = <span>{{Num1*Num2}}</span> 


</body> 
</html>

Am mit Visual Studio 2012.

Mein Ausgang

Quelle

2016-12-18 Lutaaya Huzaifah Idris

Sie müssen sich mit Demo Namen Winkelmodul definieren, wie Sie bereits ng-app mit Demo angegeben Modulname. Im aktuellen Fall schlägt es fehl, weil kein Modul mit dem Namen Demo definiert ist. Siehe auch app.js Datei auf Seite nach angular.js Referenz.

app.js

angular.module('Demo', []) 
.controller('mainController', function($scope){ 
    $scope.Num1 = 0 
    $scope.Num2 = 0 
});

Markup

<head> 
    <title> PixsarApp Content Management System</title> 
    <script src= "~/Scripts/angular.js"></script> 
    <script src= "~/Scripts/app.js"></script> 
</head> 
<body data-ng-app="Demo" ng-controller="mainController"> 
    <h1>PixsarApp Content Management System</h1> 
    Enter Numbers to Multiply: 
    <input type="number" data-ng-model="Num1" /> 
    x 
    <input type="number" data-ng-model="Num2" /> 
    = 
    <span>{{Num1*Num2}}</span> 
</body>

Demo Plunkr

Obwohl die einfache Lösung für Ihr Problem wäre nurzu entfernenvon Ihrem HTML-Code. Aber es wäre keine gute Praxis, eckige Anwendung zu betreiben, ohne module zu definieren. Deshalb habe ich den ersten Teil der Antwort. Dieses Para ist nicht das, was ich empfehle.

Quelle

2016-12-18 13:26:52

Also erstellen Sie ein anderes Skript namens app.js und ich habe inesode den Ordner Skripte? @Pankaj –

@LutaayaHuzaifahIdris Obwohl es funktionieren würde, indem Sie nur 'data-ng-app =" Demo "' aus Ihrer Anwendung entfernen, aber die beste Vorgehensweise ist, ein Modul zu erstellen und Komponenten anzuhängen .. das würde Ihnen helfen .. Danke :) –

Es hat immer noch abgelehnt, überprüfen, ich habe meine Ausgabe @Pankaj –

Multiplizieren zweier Werte

Antwort

Verwandte Themen