- communauté
- Apprendre
- Bibliothèque d'outils
- Loisirs
Maison > Questions et réponses > le corps du texte
Comment utiliser ng-switchh pour afficher différents contenus en fonction de différentes longueurs de tableau. Si vous utilisez arr.length comme condition de jugement, vous devez écrire beaucoup de situations, j'ai donc envisagé d'utiliser true comme condition de jugement, mais Je ne sais pas écrire ng-switch-when , bien sûr cela peut aussi être réalisé en utilisant ng-if, mais j'ai une question sur comment écrire ng-switch, merci.
Le code est le suivant :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<script src="angular.js"></script>
<style>
</style>
</head>
<body ng-app="App">
<p ng-controller="Ctrl">
<p ng-switch="arr.length">
<span ng-switch-when="1">1</span>
<span ng-switch-when="2">2</span>
<span ng-switch-when="3">3</span>
</p>
<p>
<span ng-if="arr.length<2">1---</span>
<span ng-if="arr.length>=2">2---</span>
</p>
<p ng-switch=true>
<span ng-switch-when="(arr.length==0)"> 1---true </span>
<span ng-switch-when="(arr.length==0)"> 2---true </span>
</p>
</p>
<script>
var App = angular.module("App", []);
App.controller("Ctrl", ["$scope", function ($scope) {
$scope.arr = [1, 2,3];
}]);
</script>
</body>
</html>
大家讲道理2017-05-15 17:15:13
<ul ng-switch="arr">
<li ng-switch-when="1">1111111</li>
<li ng-switch-when="2">222222222</li>
<li ng-switch-when="3">333333333</li>
<li ng-switch-default=" arr>3">4444444444444444444444444444</li>
</ul>
$scope.arr= arr.length;