2016-12-05 6 views
1

私は単純な角度のjsアプリケーションを作成しています。 しかし、私は角度jにはかなり新しいです。角度jsで条件が一致する場合の警告ボックス

アプリケーションは、2つの数字

enter image description here

私はボタンをクリックすると、[チェック]とき、答えが正解である場合は、関数がチェックすべきことをしたいの乗算のための答えを要求します。 答えが間違っている場合にのみ、警告メッセージが表示されます。

どのように角度jを使用してこれを行うことができますか?

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope, $window) { 
 
    $scope.firstname = "John"; 
 
    $scope.showTable = false; 
 
    $scope.changeName = function() { 
 
    $scope.firstname = $scope.table; 
 
    } 
 

 
    $scope.generateRandomNumber = function() { 
 
    $scope.Rn = Math.floor(Math.random() * 31); 
 
    $scope.showTable = true; 
 
    } 
 

 
    $checkAnswer = function() { 
 
    //if ($scope.Rn * $scope.table == $scope.answer) 
 
    $window.alert("Right!"); 
 
    // return; 
 
    } 
 

 
    $scope.randomNumber = function() { 
 
    $scope.firstname = Math.floor(Math.random() * 31); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 

 
<body> 
 
    <div ng-app="myApp" ng-controller="myCtrl"> 
 
    <label> 
 
     Enter the table you want to practice : 
 
    </label> 
 
    <input type="text" ng-model="table" /> 
 
    <button ng-click="generateRandomNumber()"> 
 
     Start</button> 
 
    <h1 ng-show="showTable"> 
 
      {{table}} * {{Rn}} = 
 
      <input type="text" ng-model="answer" /> 
 
      <button ng-click="checkAnswer()"> 
 
       Check</button></h1> 
 

 
    </div> 
 

 
</body> 
 

 
</html>

答えて

0

あなたはあなたのコードのタイプミスを持っています。

$scope.checkAnswer = function() { 
    //if ($scope.Rn * $scope.table == $scope.answer) 
    $window.alert("Right!"); 
    // return; 
    } 

このintsead:

$checkAnswer = function() { 
    //if ($scope.Rn * $scope.table == $scope.answer) 
    $window.alert("Right!"); 
    // return; 
    } 
+0

おかげ@initfailとglovasでなければなりませんあなたはこのことを書くべき。それはとてもばかげていた!! – Dhanashree

0

が...簡単なタイプミスのよう

$checkAnswer = function() { 
    //if ($scope.Rn * $scope.table == $scope.answer) 
    $window.alert("Right!"); 
    // return; 
    } 

ルックス

$scope.checkAnswer = function() { 
    //if ($scope.Rn * $scope.table == $scope.answer) 
    $window.alert("Right!"); 
    // return; 
    } 
関連する問題