Detaillierte Erläuterung der Größenschätzungsfunktion in AngularJS-js-Tutorial-php.cn

Detaillierte Erläuterung der Größenschätzungsfunktion in AngularJS

小云云

Freigeben： 2018-01-04 09:45:59

Original

1497 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Größenschätzungsfunktion von AngularJS vor. Ich hoffe, dass er allen helfen kann.

Das Beispiel in diesem Artikel teilt den spezifischen Code zum Erraten der Größe von Zahlen in angle.js als Referenz. Der spezifische Inhalt ist wie folgt:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>猜大小</title>
 <script src="angular-1.5.5/angular.min.js"></script>
 <style>
  *{
   margin:0;
   padding:0;
   font-size: 30px;
  }
  input{
   width: 500px;
   height: 50px;
  }
  button{
   width: 80px;
   height: 50px;
   border: 0;
   text-align: center;
   line-height: 50px;
   color: white;
   margin-left: 5px;
  }
 </style>
 <script>
  var m=angular.module("m",[]);
  m.controller("my",function ($scope) {
   $scope.check=function () {
    $scope.differ=$scope.guess-$scope.random;
    $scope.num++;
   }
   $scope.reset=function () {
    $scope.guess=null;
    $scope.differ=null;
    $scope.num=0;
    $scope.random=Math.ceil(Math.random()*10);
   }
   $scope.reset();
  })
 </script>
</head>
<body ng-app="m" ng-controller="my">
<h1>请输入一个1-10的整数</h1>
 <input type="text" ng-model="guess"/><button ng-click="check()">检查</button><button ng-click="reset()">重置</button>
 <p ng-if="differ>0">猜大了</p>
 <p ng-if="differ<0">猜小了</p>
 <p ng-if="differ==0">猜对了</p>
 <p>你一共才了<span ng-bind="num">0</span>次</p>
</body>
</html>

Nach dem Login kopieren

Verwandte Empfehlungen:

Detaillierte Erläuterung der in AngularJS implementierten Wettervorhersagefunktion

Implementierungscode für die Fuzzy-Abfragefunktion von AngularJS

AngularJS-Implementierung Erinnerungsfunktion zur Zeichenbeschränkung des Eingabefelds

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Größenschätzungsfunktion in AngularJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!