AngularJS memanjangkan HTML dengan sifat dan ungkapan baharu.
AngularJS boleh membina aplikasi halaman tunggal (SPA: Aplikasi Halaman Tunggal).
Kod adalah seperti berikut:
<!DOCTYPE html>
<html ng-app="a2_12">
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="../js/angularJs-1.2.16-min.js"></script>
<style type="text/css">
body{
font-size: 12px;
}
ul{
list-style-type: none;
width: 408px;
margin: 0px;
padding: 0px;
}
div{
margin: 8px 0px;
}
</style>
</head>
<body>
<div ng-controller="c2_12">
<div ng-show="{{isShow}}">陶国荣</div>
<div ng-hide="{{isHide}}">1012@qq.con</div>
<ul ng-switch on={{switch}}>
<li ng-switch-when="1">11111111111111111</li>
<li ng-switch-when="2">22222222222222222</li>
<li ng-switch-default>33333333333333333</li>
</ul>
</div>
<script type="text/javascript">
var a2_12 = angular.module('a2_12', []);
a2_12.controller('c2_12', ['$scope', function($scope) {
$scope.isShow=true;
$scope.isHide=false;
$scope.switch=2;
}]);
</script>
</body>
</html> Fungsi arahan ng-switch adalah untuk memaparkan elemen yang berjaya dipadankan Arahan ini perlu digunakan bersama-sama dengan arahan ng-switch-bila dan ng-switch-default.
Apabila nilai yang ditentukan padan dengan satu atau lebih elemen dengan arahan ng-switch-apabila ditambah, elemen ini dipaparkan dan elemen yang tidak sepadan disembunyikan
Jika tiada unsur yang sepadan dengan nilai hidup ditemui, elemen dengan arahan lalai ng-switch akan dipaparkan
Platform manakah yang lebih baik untuk perdagangan mata wang maya?
oicq
Bagaimana untuk mewakili nombor negatif dalam binari
Bagaimana untuk memadam folder dalam linux
Linux mencari penggunaan arahan
Apakah perbezaan antara firewall perkakasan dan firewall perisian
Apakah fungsi Huawei nfc?
Cara mengubah suai teks pada gambar
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
