Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Größenschätzungsfunktion in AngularJS
Detaillierte Erläuterung der Größenschätzungsfunktion in AngularJS
- 小云云Original
- 2018-01-04 09:45:591490Durchsuche
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> 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!