Terangkan modul dalam AngularJS dengan examples_AngularJS
AngularJS menyokong pendekatan modular. Modul digunakan untuk mewakili perkhidmatan, pengawal, aplikasi, dsb. dalam logik berasingan dan memastikan kod bersih. Kami mentakrifkan modul dalam fail js yang berasingan dan menamakannya seperti fail module.js. Dalam contoh ini, kami mencipta dua modul.
- Modul Aplikasi - digunakan untuk memulakan aplikasi pengawal
- Modul Pengawal - digunakan untuk menentukan pengawal
Modul Aplikasi
mainApp.js
var mainApp = angular.module("mainApp", []);
Di sini kami telah mengisytiharkan modul Aplikasi utama aplikasi menggunakan kefungsian angular.module. Kami telah menghantar tatasusunan kosong kepadanya. Tatasusunan ini biasanya mengandungi modul bergantung.
Modul Pengawal
studentController.js
mainApp.controller("studentController", function($scope) {
$scope.student = {
firstName: "Mahesh",
lastName: "Parashar",
fees:500,
subjects:[
{name:'Physics',marks:70},
{name:'Chemistry',marks:80},
{name:'Math',marks:65},
{name:'English',marks:75},
{name:'Hindi',marks:67}
],
fullName: function() {
var studentObject;
studentObject = $scope.student;
return studentObject.firstName + " " + studentObject.lastName;
}
};
});
Di sini, kami telah mengisytiharkan pengawal yang menggunakan fungsi mainApp.controller modul studentController.
Gunakan modul
<div ng-app="mainApp" ng-controller="studentController"> .. <script src="mainApp.js"></script> <script src="studentController.js"></script>
Di sini kami menggunakan arahan ng-app dan modul aplikasi pengawal menggunakan arahan ng-controller. Kami telah mengimport mainApp.js dan studentController.js dalam halaman HTML utama.
Contoh
Contoh berikut akan menunjukkan semua modul di atas.
testAngularJS.htm
<html>
<head>
<title>Angular JS Modules</title>
<style>
table, th , td {
border: 1px solid grey;
border-collapse: collapse;
padding: 5px;
}
table tr:nth-child(odd) {
background-color: #f2f2f2;
}
table tr:nth-child(even) {
background-color: #ffffff;
}
</style>
</head>
<body>
<h2>AngularJS Sample Application</h2>
<div ng-app="mainApp" ng-controller="studentController">
<table border="0">
<tr><td>Enter first name:</td><td><input type="text" ng-model="student.firstName"></td></tr>
<tr><td>Enter last name: </td><td><input type="text" ng-model="student.lastName"></td></tr>
<tr><td>Name: </td><td>{{student.fullName()}}</td></tr>
<tr><td>Subject:</td><td>
<table>
<tr>
<th>Name</th>
<th>Marks</th>
</tr>
<tr ng-repeat="subject in student.subjects">
<td>{{ subject.name }}</td>
<td>{{ subject.marks }}</td>
</tr>
</table>
</td></tr>
</table>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<script src="mainApp.js"></script>
<script src="studentController.js"></script>
</body>
</html>
mainApp.js
var mainApp = angular.module("mainApp", []);
studentController.js
mainApp.controller("studentController", function($scope) {
$scope.student = {
firstName: "Mahesh",
lastName: "Parashar",
fees:500,
subjects:[
{name:'Physics',marks:70},
{name:'Chemistry',marks:80},
{name:'Math',marks:65},
{name:'English',marks:75},
{name:'Hindi',marks:67}
],
fullName: function() {
var studentObject;
studentObject = $scope.student;
return studentObject.firstName + " " + studentObject.lastName;
}
};
});
Output
Buka textAngularJS.htm dalam penyemak imbas web anda. Lihat hasilnya di bawah.
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
1376
52
![Modul pengembangan WLAN telah berhenti [fix]](https://img.php.cn/upload/article/000/465/014/170832352052603.gif?x-oss-process=image/resize,m_fill,h_207,w_330)
Modul pengembangan WLAN telah berhenti [fix]
Feb 19, 2024 pm 02:18 PM
Jika terdapat masalah dengan modul pengembangan WLAN pada komputer Windows anda, ia mungkin menyebabkan anda terputus sambungan daripada Internet. Keadaan ini sering mengecewakan, tetapi mujurlah, artikel ini menyediakan beberapa cadangan mudah yang boleh membantu anda menyelesaikan masalah ini dan membolehkan sambungan wayarles anda berfungsi dengan baik semula. Betulkan Modul Kebolehlanjutan WLAN Telah Berhenti Jika Modul Kebolehlanjutan WLAN telah berhenti berfungsi pada komputer Windows anda, ikuti cadangan ini untuk membetulkannya: Jalankan Penyelesai Masalah Rangkaian dan Internet untuk melumpuhkan dan mendayakan semula sambungan rangkaian wayarles Mulakan semula Perkhidmatan Konfigurasi Auto WLAN Ubah Suai Pilihan Kuasa Ubah suai Tetapan Kuasa Lanjutan Pasang Semula Pemacu Penyesuai Rangkaian Jalankan Beberapa Perintah Rangkaian Sekarang, mari kita lihat secara terperinci
Modul kebolehlanjutan WLAN tidak boleh dimulakan
Feb 19, 2024 pm 05:09 PM
Artikel ini memperincikan kaedah untuk menyelesaikan ID10000 peristiwa, yang menunjukkan bahawa modul pengembangan LAN Wayarles tidak boleh dimulakan. Ralat ini mungkin muncul dalam log peristiwa Windows 11/10 PC. Modul kebolehlanjutan WLAN ialah komponen Windows yang membenarkan vendor perkakasan bebas (IHV) dan vendor perisian bebas (ISV) untuk menyediakan pengguna dengan ciri dan fungsi rangkaian wayarles tersuai. Ia memanjangkan keupayaan komponen rangkaian Windows asli dengan menambahkan fungsi lalai Windows. Modul kebolehlanjutan WLAN dimulakan sebagai sebahagian daripada permulaan apabila sistem pengendalian memuatkan komponen rangkaian. Jika Modul Pengembangan LAN Wayarles menghadapi masalah dan tidak boleh dimulakan, anda mungkin melihat mesej ralat dalam log dalam Pemapar Acara.
Python biasa menggunakan perpustakaan standard dan modul 2-sys perpustakaan pihak ketiga
Apr 10, 2023 pm 02:56 PM
1. Pengenalan kepada modul sys Modul os yang diperkenalkan sebelum ini adalah terutamanya untuk sistem pengendalian, manakala modul sys dalam artikel ini adalah terutamanya untuk penterjemah Python. Modul sys ialah modul yang disertakan dengan Python Ia adalah antara muka untuk berinteraksi dengan penterjemah Python. Modul sys menyediakan banyak fungsi dan pembolehubah untuk menangani bahagian yang berlainan dalam persekitaran masa jalan Python. 2. Kaedah modul sys yang biasa digunakan Anda boleh menyemak kaedah yang disertakan dalam modul sys melalui kaedah dir(): import sys print(dir(sys))1.sys.argv-dapatkan parameter baris arahan sys. argv digunakan untuk melaksanakan arahan dari luar atur cara Aturcara lulus parameter dan ia dapat memperoleh lajur parameter baris arahan
Pengaturcaraan Python: Penjelasan terperinci tentang perkara utama menggunakan tupel bernama
Apr 11, 2023 pm 09:22 PM
Prakata Artikel ini terus memperkenalkan modul koleksi Python Kali ini terutamanya memperkenalkan tupel yang dinamakan di dalamnya, iaitu penggunaan namedtuple. Tanpa berlengah lagi, mari kita mulakan – ingat untuk suka, ikut dan ke hadapan~ ^_^Mencipta tupel bernama Kelas tuple bernamaTuples dalam koleksi Python memberi makna kepada setiap kedudukan dalam tupel dan meningkatkan kebolehbacaan kod Seksual dan deskriptif. Ia boleh digunakan di mana-mana tupel biasa digunakan, dan menambah keupayaan untuk mengakses medan mengikut nama dan bukannya indeks kedudukan. Ia datang daripada koleksi modul terbina dalam Python. Sintaks umum yang digunakan ialah: import koleksi XxNamedT
Bagaimana untuk menggunakan DateTime dalam Python
Apr 19, 2023 pm 11:55 PM
Semua data secara automatik diberikan "DOB" (Tarikh Lahir) pada permulaan. Oleh itu, adalah tidak dapat dielakkan untuk menemui data tarikh dan masa semasa memproses data pada satu ketika. Tutorial ini akan membawa anda melalui modul datetime dalam Python dan menggunakan beberapa perpustakaan persisian seperti panda dan pytz. Dalam Python, apa-apa yang berkaitan dengan tarikh dan masa dikendalikan oleh modul datetime, yang seterusnya membahagikan modul kepada 5 kelas yang berbeza. Kelas hanyalah jenis data yang sepadan dengan objek. Rajah di bawah meringkaskan 5 kelas datetime dalam Python bersama-sama dengan atribut dan contoh yang biasa digunakan. 3 coretan berguna 1. Tukar rentetan kepada format datetime, mungkin menggunakan datet
Bagaimanakah import Python berfungsi?
May 15, 2023 pm 08:13 PM
Hello, nama saya somenzz, awak boleh panggil saya Abang Zheng. Import Python adalah sangat intuitif, tetapi walaupun begitu, kadangkala anda akan mendapati bahawa walaupun pakej itu ada, kami masih akan menemui ModuleNotFoundError Laluan relatif jelas sangat betul, tetapi ralat ImportError:attemptedrelativeimportwithnoknownparentpackage mengimport modul dalam direktori yang sama dan. yang berbeza. Modul direktori adalah berbeza sama sekali. Artikel ini membantu anda mengendalikan import dengan mudah dengan menganalisis beberapa masalah yang sering dihadapi apabila menggunakan import, anda boleh membuat atribut dengan mudah.
Penjelasan terperinci tentang cara Ansible berfungsi
Feb 18, 2024 pm 05:40 PM
Prinsip kerja Ansible boleh difahami dari rajah di atas: hujung pengurusan menyokong tiga kaedah tempatan, ssh, dan zeromq untuk menyambung ke hujung terurus Lalai adalah menggunakan sambungan berasaskan ssh dalam gambar rajah seni bina di atas; ia boleh disambungkan mengikut jenis aplikasi HostInventory (senarai hos) dilakukan dengan cara lain Nod pengurusan melaksanakan operasi yang sepadan melalui pelbagai modul Satu modul dan pelaksanaan satu kumpulan boleh dipanggil iklan -hoc; nod pengurusan boleh melaksanakan koleksi berbilang tugas melalui buku permainan, seperti pemasangan dan penggunaan perkhidmatan web, sandaran kumpulan pelayan pangkalan data, dll. Kita hanya boleh memahami buku permainan kerana, sistem berlalu
Artikel ini meringkaskan kaedah klasik dan perbandingan kesan peningkatan ciri & pemperibadian dalam anggaran CTR.
Dec 15, 2023 am 09:23 AM
Dalam anggaran CTR, kaedah arus perdana menggunakan pembenaman ciri+MLP, di mana ciri sangat kritikal. Walau bagaimanapun, untuk ciri yang sama, perwakilan adalah sama dalam sampel yang berbeza Cara memasukkan ke model hiliran ini akan mengehadkan keupayaan ekspresif model. Untuk menyelesaikan masalah ini, satu siri kerja berkaitan telah dicadangkan dalam bidang anggaran CTR, yang dipanggil modul peningkatan ciri. Modul peningkatan ciri membetulkan hasil keluaran lapisan benam berdasarkan sampel berbeza untuk menyesuaikan diri dengan perwakilan ciri sampel berbeza dan meningkatkan keupayaan ekspresi model. Baru-baru ini, Universiti Fudan dan Microsoft Research Asia bersama-sama menerbitkan ulasan tentang kerja peningkatan ciri, membandingkan kaedah pelaksanaan dan kesan modul peningkatan ciri yang berbeza. Sekarang, mari kita perkenalkan a
