国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

jquery - le modèle de liste de contr?le ne peut pas écrire d'objets vérifiés dans le modèle de liste de contr?le lors de l'utilisation de attr
女神的閨蜜愛上我
女神的閨蜜愛上我 2017-06-27 09:18:21
0
1
1080

Le projet doit afficher une liste de cases à cocher, sélectionner un élément dans la liste de cases à cocher A et cocher automatiquement l'élément correspondant dans la liste de cases à cocher B. En utilisant actuellement le composant checklist-model, lorsqu'un élément est vérifié, la valeur est stockée dans selectedLists. La vérification peut désormais être réalisée, mais lorsque l'élément dans B est automatiquement vérifié, la valeur sélectionnée n'est pas écrite dans les listes sélectionnées.

Publiez le code maintenant, bienvenue pour en discuter

code html

<p class='panel-body' id='aList'>
    <p ng-repeat='aList in aLists'>
        <input type="checkbox" ng-click='show($event,aList.id)'>{{aList.name}}
    </p>
</p>
<p class='panel-body' id='bList'>
    <p ng-repeat='bList in bLists track by $index'>
        <input type="checkbox" checklist-model='selectedLists' checklist-value='bList' 
               data-parent-id='{{bList.id}}'>
        {{bList.name}}
    </p>
</p>

code js

<script type="text/javascript">
    $scope.selectedLists= [];
    
    $scope.show = function(event,id){
    var checkBox = $(event.target);
    var cValue = id;
    var isCheck = checkBox.prop('checked');
    $("#bList input").each(function(){
        if(cValue == $(this).data('stationId')){
            $(this).prop('checked',isCheck);//這里設(shè)置勾選狀態(tài)
        }
    });
}
</script>

Si vous avez des questions, corrigez-moi. Merci à tous.

女神的閨蜜愛上我
女神的閨蜜愛上我

répondre à tous(1)
劉奇

Puisque angulaire est utilisé, pourquoi devrions-nous utiliser des idées jquery pour écrire du code ?
Lier ng-model à l'entrée pour surveiller l'état sélectionné, puis utiliser la comparaison de modèles pour contr?ler si une autre entrée est sélectionnée
Contr?le via le rendu de l'interface utilisateur des données, ceci est le concept de frameworks comme ng

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