在Angular中如何实现隐藏显示
这篇文章主要介绍了Angular实现点击按钮控制隐藏和显示功能,结合实例形式分析了AngularJS简单控制页面元素显示与隐藏的相关操作技巧,需要的朋友可以参考下
本文实例讲述了Angular实现点击按钮控制隐藏和显示功能。分享给大家供大家参考，具体如下：
先来看看运行效果：
具体代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>www.jb51.net Angular显示隐藏</title>
<style>
.box{
width: 100px;
height: 100px;
background: red;
}
</style>
<script src="angular.min.js"></script>
<script>
var myapp=angular.module("myapp",[]);
myapp.controller("myCtrl",function ($scope) {
$scope.show=true;
$scope.fun=function () {
$scope.show=!$scope.show;
console.log($scope.show);
}
$scope.hide=true;
$scope.func=function () {
$scope.hide=!$scope.hide;
}
})
</script>
</head>
<body ng-app="myapp" ng-controller="myCtrl">
<p class="box"ng-show="show"></p>
<button ng-click="fun()">点击切换</button>
<p ng-class="{box:hide}"></p>
<button ng-click="func()">按钮</button>
</body>
</html>上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
Atas ialah kandungan terperinci 在Angular中如何实现隐藏显示. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1374
52
Bagaimana untuk menyembunyikan ikon bar tugas Windows 11?
Jan 06, 2024 am 08:38 AM
Dalam sistem win11, jika kita mendapati ikon dalam bar tugas menyusahkan, kita boleh memilih untuk menyembunyikannya dalam antara muka limpahan sudut bar tugas Walau bagaimanapun, ikon dalam bar tugas aplikasi yang dibuka di bawah tidak boleh disembunyikan. Mari kita lihat situasi tertentu. Bagaimana untuk menyembunyikan ikon bar tugas win11: 1. Pusat ikon 1. Pertama, jika kita ingin menyembunyikan ikon dalam bar tugas di bawah, kita boleh klik kanan untuk memilihnya dan klik "Nyahsemat dari bar tugas" 2. Tetapi jika kita membuka aplikasi ini dan sedang dalam proses Gunakannya dan itu mustahil untuk disembunyikan. 2. Ikon di sudut kanan bawah 1. Jika anda ingin menyembunyikan ikon aplikasi di sudut kanan bawah, mula-mula buka tetapan sistem. 2. Kemudian klik "Pemperibadian" pada bar sisi kiri, seperti yang ditunjukkan dalam gambar. 3. Kemudian klik untuk memasuki bar tugas di sebelah kanan
Bagaimana untuk memasang Angular pada Ubuntu 24.04
Mar 23, 2024 pm 12:20 PM
Angular.js ialah platform JavaScript yang boleh diakses secara bebas untuk mencipta aplikasi dinamik. Ia membolehkan anda menyatakan pelbagai aspek aplikasi anda dengan cepat dan jelas dengan memanjangkan sintaks HTML sebagai bahasa templat. Angular.js menyediakan pelbagai alatan untuk membantu anda menulis, mengemas kini dan menguji kod anda. Selain itu, ia menyediakan banyak ciri seperti penghalaan dan pengurusan borang. Panduan ini akan membincangkan cara memasang Angular pada Ubuntu24. Mula-mula, anda perlu memasang Node.js. Node.js ialah persekitaran berjalan JavaScript berdasarkan enjin ChromeV8 yang membolehkan anda menjalankan kod JavaScript pada bahagian pelayan. Untuk berada di Ub
Bagaimana untuk menyembunyikan rakan WeChat tanpa menyekat atau memadamnya? Bagaimana untuk menyembunyikan rakan WeChat tanpa menyekat atau memadamnya
Mar 13, 2024 pm 07:19 PM
Bagaimana untuk menyembunyikan rakan WeChat tanpa menyekat atau memadamnya? Ramai pengguna ingin menyembunyikan beberapa rakan tetapi tidak tahu cara melakukannya. Biarkan tapak web ini dengan teliti memperkenalkan kepada pengguna cara menyembunyikan rakan WeChat tanpa menyekat atau memadamnya. Bagaimana untuk menyembunyikan rakan WeChat tanpa menyekat atau memadam Kaedah 1: 1. Mula-mula buka perisian WeChat, cari buku alamat pada halaman WeChat, dan klik "Saya". 2. Kemudian kami memasuki halaman tetapan. 3. Cari pilihan "Privasi" dan klik padanya. 4. Kemudian klik "Jangan biarkan dia melihat". 5. Pergi ke halaman Jangan Biarkan Dia Lihat dan klik "+" untuk menyemak rakan yang anda ingin sembunyikan.
Bagaimana untuk menyembunyikan karya dalam video pendek Douyin Bagaimana untuk menyembunyikan karya video peribadi
Mar 12, 2024 pm 12:49 PM
Terdapat banyak karya video pendek yang disediakan dalam perisian apl video pendek Douyin Anda boleh menontonnya sesuka hati, dan kesemuanya disediakan secara kekal secara percuma Pelbagai jenis saluran video langsung dibuka, dan semua kandungan video adalah asli Beri semua orang cara yang paling memuaskan untuk menonton. Masukkan akaun anda untuk log masuk dalam talian, dan pelbagai video pendek yang menarik akan ditolak, yang disyorkan dengan tepat berdasarkan perkara yang semua orang tonton setiap hari Anda juga boleh memasuki bilik siaran langsung untuk berinteraksi dan berbual dengan sauh, membuat anda berasa lebih gembira. Karya yang dimuat naik oleh individu juga boleh disembunyikan dengan satu klik. Anda boleh melihat di mana-mana sahaja anda meleret ke atas dan ke bawah untuk melihat komen masa nyata daripada ramai pengguna. Kini editor telah memperincikan video pendek Douyin dalam talian. Pengguna mendesak cara untuk menyembunyikan karya video peribadi. Mula-mula buka video pendek Douyin
Bagaimana untuk menyembunyikan Pulau Pintar pada Xiaomi Mi 14?
Mar 18, 2024 pm 03:40 PM
Selain konfigurasi perkakasan yang menakjubkan dan fungsi yang sangat baik, Xiaomi Mi 14 juga menyembunyikan tempat yang menarik - Pulau Pintar. Di sini, pengguna boleh menikmati penyesuaian diperibadikan dan pengalaman telefon mudah alih kreatif tanpa had. Tetapi tidak semua orang menyukai ciri ini, jadi bagaimanakah Xiaomi Mi 14 menyembunyikan Pulau Pintar? Mari kita ketahui bersama. Bagaimana untuk menyembunyikan Pulau Pintar pada Xiaomi Mi 14? 1. Buka aplikasi tetapan telefon bimbit Xiaomi 14. 2. Tatal untuk mencari pilihan "Ciri" dan klik untuk masuk. 3. Cari pilihan "Sembunyikan Pulau Pintar" pada halaman ciri dan hidupkannya. 4. Selepas mengesahkan bahawa menyembunyikan Pulau Pintar dihidupkan, kembali ke desktop dan anda akan melihat bahawa Pulau Pintar telah disembunyikan.
Tutorial terperinci mengenai kerja-kerja penyembunyian di Douyin
Mar 25, 2024 pm 03:11 PM
1. Mula-mula klik [+] untuk menangkap. 2. Kemudian klik tanda semak di penjuru kanan sebelah bawah untuk mengesahkan penangkapan selesai. Klik] Seterusnya[, 3. Klik [Siapa yang boleh melihat]. Hanya pilih [Peribadi]. Senario 2: Kerja telah diambil 1. Klik [Saya] dan pilih [Kerja]. 2. Klik logo [tiga titik] di sebelah kanan. 3. Leret ke kiri untuk mencari [Tetapan Kebenaran], 4. Klik [Set as Private].
Cara membersihkan sampah yang tersembunyi pada telefon anda dengan mendalam (buang sampah sepenuhnya daripada memori telefon anda)
Jun 01, 2024 am 09:29 AM
Telefon bimbit telah menjadi bahagian yang amat diperlukan dalam kehidupan seharian kita, dengan kemajuan teknologi yang berterusan dan populariti telefon pintar. Fail sampah ini mengambil ruang storan yang berharga, dan dari masa ke masa, sejumlah besar sampah tersembunyi akan terkumpul dalam telefon dan menyebabkan prestasi telefon merosot, walau bagaimanapun. Mengetahui cara membersihkan sampah tersembunyi secara mendalam pada telefon anda telah menjadi pengetahuan penting untuk setiap pengguna telefon mudah alih. 1. Cari dan kosongkan cache aplikasi yang tidak berguna 2. Padamkan aplikasi yang tidak lagi digunakan 3. Bersihkan cache foto dan video 4. Bersihkan fail sementara dan muat turun folder dengan teliti 5. Susun dan bersihkan rekod kenalan dan mesej teks 6. Bersihkan cache sistem 7. Nyahpasang aplikasi sistem yang tidak berguna 8. Bersihkan cache dan sejarah pelayar 9. Padam fail muzik dan audio yang tidak sah 10. Optimumkan sistem fail telefon mudah alih
Sebab dan penyelesaian untuk susun atur desktop dikunci
Feb 19, 2024 pm 06:08 PM
Apakah yang berlaku apabila susun atur desktop dikunci apabila menggunakan komputer, kadangkala kita mungkin menghadapi situasi di mana reka letak desktop dikunci. Masalah ini bermakna kita tidak boleh bebas melaraskan kedudukan ikon desktop atau menukar latar belakang desktop. Jadi, apa sebenarnya yang berlaku apabila ia mengatakan bahawa susun atur desktop dikunci? 1. Fahami reka letak desktop dan fungsi penguncian Pertama, kita perlu memahami dua konsep susun atur desktop dan penguncian desktop. Reka letak desktop merujuk kepada susunan pelbagai elemen pada desktop, termasuk pintasan, folder, widget, dsb. kita boleh bebas
