Saya secara dinamik menetapkan kod id p dalam html seperti berikut:
<p ng-repeat="item in items">
<p id="{{item.name}}" class="ng-hide"> {{item.name}} </p>
<p>
Selepas penghuraian HTML, kesan ID dinamik boleh dilihat, sama seperti ini:
<p ng-repeat="item in items">
<p id="name1" class="ng-hide"> name1 </p>
<p id="name2" class="ng-hide"> name2 </p>
<p id="name3" class="ng-hide"> name3 </p>
<p>Saya mahu mengawal secara dinamik sama ada p ini dipaparkan atau tidak. Saya menulis kod ini dalam js:
html:
<input type="button" ng-click="show(item.name)">
js:
$scope.show=function(name){
document.getElementById(name).style.display = "block";
}Hasilnya tidak mencapai kesan yang saya inginkan, dan tiga ps masih dipaparkan setiap kali saya mengklik. Adakah terdapat cara untuk mencapai kesan yang saya inginkan?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Walaupun saya tidak faham mengapa, saya menukar class="ng-hide" kepada style="desplay:none" dan ia berjaya. . .
Adakah boleh menggunakan ng-show dan ng-hide
Tambah medan "isShow" pada item, nilai lalai adalah palsu,
Apabila butang diklik, nilai isShow diterbalikkan.
Terdapat dua cara untuk mengawal paparan elemen dalam angular.js Yang pertama ialah: ng-show ng-hide dan satu lagi ialah ng-if
Adalah disyorkan untuk menyusun semula data anda dan menggunakan ng-hide untuk mengawal sama ada elemen tersembunyi atau tidak:
Tambahkan atribut lain, tulis pada atribut tersuai p, dan kemudian ng-if membuat pertimbangan?
https://github.com/xufei/ng-c...