angulaire.js - Le ng-switch d'Angular peut-il utiliser true comme condition de jugement ?
漂亮男人
漂亮男人 2017-05-15 17:13:13
0
1
724

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>
漂亮男人
漂亮男人

répondre à tous(1)
大家讲道理
<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;
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal