Предупреждающее поле, если условие соответствует угловому js

Я пишу простое угловое приложение js. Но я довольно новичок в угловых js.Предупреждающее поле, если условие соответствует угловому js

приложение запрашивает ответ для умножения чисел 2

Я хочу, чтобы при нажатии кнопки «Проверить» нажата, то функция должна проверить, если ответ правильный. Если ответ неправильный, только тогда он должен отображать предупреждающее сообщение.

Как это сделать, используя угловые js?

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>

источник

2016-12-05 Dhanashree

У вас есть опечатка в коде. Вы должны написать следующее:

$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; 
    }

источник

2016-12-05 15:52:08 glovas

Благодаря @initfail и glovas , это было так глупо! – Dhanashree

выглядит как простая опечатка ...

$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; 
    }

источник

2016-12-05 15:52:23

Предупреждающее поле, если условие соответствует угловому js

ответ

Смежные вопросы