Le contenu de cet article est un lien de deuxième niveau d'AngularJ. Maintenant, je le partage avec tout le monde ici. Les amis dans le besoin peuvent également se référer à ce contenu
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script type="text/javascript" src="js/lib/js/angular/angular.js" ></script>
<script>
var app=angular.module("app",[]);
app.controller("global",['$scope',function($scope){
$scope.g=[
{text:"亚洲",nat:[
{text:"中国",cities:[{text:"北京"}]},
{text:"巴林",cities:[]},
{text:"韩国",cities:[{text:"首尔"}]},
{text:"黎巴嫩",cities:[]},
{text:"东帝汶",cities:[]},
{text:"尼泊尔",cities:[]},
{text:"泰国",cities:[{text:"曼谷"}]},
{text:"巴基斯坦",cities:[{text:"伊斯兰堡"}]}
]},
{text:"欧洲",nat:[
{text:"德国",cities:[]},
{text:"英国",cities:[]}
]},
{text:"北美洲"},
{text:"南美洲"},
{text:"非洲"},
{text:"大洋洲"},
{text:"南极洲"}
]
}]);
</script>
</head>
<body>
<p ng-app="app" ng-controller="global">
<select ng-model="ihg" ng-options="ihg.text for ihg in g">
<option value="">-- 洲际 --</option>
</select>
<select ng-if="ihg.nat" ng-model="nat" ng-options="nat.text for nat in ihg.nat">
<option value="">-- 国家 --</option>
</select>
<select ng-if="nat.cities" ng-model="city" ng-options="city.text for city in nat.cities">
<option value="">-- 城市 --</option>
</select>
</p>
</body>
</html>. Recommandations associées :
Framework js front-end AngularJS
Analyse approfondie du principe d'injection de dépendances AngularJS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
