angulaire.js - Comment ajouter/supprimer le nom de la classe Li actuelle en cliquant sur Li dans Angularjs ?
迷茫
迷茫 2017-05-15 17:12:43
0
1
834

<li ng-class="{on : onSw==true}">

                <p class="li_center">
                    <p class="select_btn" ng-click="toggleC()"></p>
                    <p class="goods_part">
                        <p class="leftbox">
                            <img src="img/product.png" width="100%" height="100%"/>
                        </p>
                        <p class="rightbox">
                            <p class="goods_content">娇韵诗清透润白柔肤水清爽型200ml</p>
                            <p class="price_area">
                                <span class="new_money">¥390.00</span>
                                <span class="old_money">¥420.00</span>
                                <span class="conter">
                                    <span class="remove_btn">-</span><input type="number" class="" value="1"/><span class="add_btn">+</span>
                                    <br clear="all"/>
                                    
                                </span>
                            </p>
                        </p>
                    </p>
                    <br clear="all"/>
                </p>
            </li>
            <li ng-class="{on: onSw==true}">
                <p class="li_center">
                    <p class="select_btn" ng-click="toggleC()"></p>
                    <p class="goods_part">
                        <p class="leftbox">
                            <img src="img/product.png" width="100%" height="100%"/>
                        </p>
                        <p class="rightbox">
                            <p class="goods_content">娇韵诗清透润白柔肤水清爽型200ml</p>
                            <p class="price_area">
                                <span class="new_money">¥390.00</span>
                                <span class="old_money">¥420.00</span>
                                <span class="conter">
                                    <span class="remove_btn">-</span><input type="number" class="" value="1"/><span class="add_btn">+</span>
                                    <br clear="all"/>
                                    
                                </span>
                            </p>
                        </p>
                    </p>
                    <br clear="all"/>
                </p>
            </li>
           <script>
var app=angular.module("myApp",[]);
app.controller("myCon",function($scope){
    
        $scope.sw=false;
        $scope.disappear=function(){
            
                $scope.sw=true;
            
            };
        $scope.onSw=false;
        $scope.toggleC=function(){
            
                $scope.onSw=!$scope.onSw;
            
            }
    
    });

</script>

不点击是这样[图片描述][1]

Voici à quoi cela ressemble après avoir cliqué
Comment puis-je changer le style sur lequel je clique ?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

répondre à tous(1)
迷茫

Si votre li utilise ng-repeat
Par exemple, l'élément dans les éléments est parcouru
Ajoutez un onSw à chaque élément du tableau, cliquez sur l'événement pour passer le paramètre $index
Et puis $scope.items[index] dans la fonction . onSw=vrai

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal