hujung hadapan web
tutorial js
Pengenalan ringkas kepada penggunaan pengawal AngularJS_AngularJS
Pengenalan ringkas kepada penggunaan pengawal AngularJS_AngularJS
Aplikasi AngularJS bergantung terutamanya pada pengawal untuk mengawal aliran data dalam aplikasi. Pengawal ditakrifkan menggunakan arahan ng-pengawal. Pengawal ialah fungsi yang mengandungi sifat/sifat dan objek JavaScript. Setiap pengawal menerima parameter $scope untuk menentukan aplikasi/modul yang dikawal oleh pengawal.
<div ng-app="" ng-controller="studentController"> ... </div>
Di sini, kami telah mengisytiharkan pengawal studentController menggunakan arahan ng-controller. Sebagai langkah seterusnya, kami akan mentakrifkan studentController seperti berikut
- studentController mentakrifkan $scope sebagai parameter objek JavaScript.
- $scope mewakili aplikasi, menggunakan objek studentController.
- $scope.student ialah hak milik objek studentController.
- FirstName dan LastName ialah dua sifat bagi objek $scope.student. Kami telah memberikan nilai lalai kepada mereka.
- fullName ialah fungsi objek $scope.student, tugasnya ialah mengembalikan nama yang digabungkan.
- Dalam fungsi Nama penuh, kami kini mahu objek pelajar mengembalikan nama gabungan.
- Sebagai nota, anda juga boleh mentakrifkan objek pengawal dalam fail JS yang berasingan dan meletakkan fail yang berkaitan dalam halaman HTML.
<script>
function studentController($scope) {
$scope.student = {
firstName: "yiibai",
lastName: "com",
fullName: function() {
var studentObject;
studentObject = $scope.student;
return studentObject.firstName + " " + studentObject.lastName;
}
};
}
</script>
Kini anda boleh menggunakan atribut studentController menggunakan model ng atau menggunakan ungkapan seperti berikut.
- Kini terdapat dua kotak input: student.firstName dan student.lastname.
- Kini terdapat kaedah student.fullName() ditambahkan pada HTML.
- Kini, selagi anda memasukkan perkara yang anda masukkan dalam kotak input nama pertama dan nama keluarga, anda boleh melihat kedua-dua nama itu dikemas kini secara automatik.
Enter first name: <input type="text" ng-model="student.firstName"><br>
Enter last name: <input type="text" ng-model="student.lastName"><br>
<br>
You are entering: {{student.fullName()}}
Contoh
Contoh berikut akan menunjukkan penggunaan pengawal.
Kandungan fail testAngularJS.html adalah seperti berikut:
<html>
<head>
<title>Angular JS Controller</title>
</head>
<body>
<h2>AngularJS Sample Application</h2>
<div ng-app="" ng-controller="studentController">
Enter first name: <input type="text" ng-model="student.firstName"><br><br>
Enter last name: <input type="text" ng-model="student.lastName"><br>
<br>
You are entering: {{student.fullName()}}
</div>
<script>
function studentController($scope) {
$scope.student = {
firstName: "Mahesh",
lastName: "Parashar",
fullName: function() {
var studentObject;
studentObject = $scope.student;
return studentObject.firstName + " " + studentObject.lastName;
}
};
}
</script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</body>
</html>
Output
Buka textAngularJS.html dalam pelayar web dan lihat hasil berikut:
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
Cara menentukur pengawal Xbox One anda dengan betul pada Windows 11
Sep 21, 2023 pm 09:09 PM
Memandangkan Windows telah menjadi platform permainan pilihan, adalah lebih penting untuk mengenal pasti ciri berorientasikan permainannya. Salah satunya ialah keupayaan untuk menentukur pengawal Xbox One pada Windows 11. Dengan penentukuran manual terbina dalam, anda boleh menyingkirkan drift, pergerakan rawak atau isu prestasi dan menjajarkan paksi X, Y dan Z dengan berkesan. Jika pilihan yang tersedia tidak berfungsi, anda sentiasa boleh menggunakan alat penentukuran pengawal Xbox One pihak ketiga. Mari ketahui! Bagaimanakah cara saya menentukur pengawal Xbox saya pada Windows 11? Sebelum meneruskan, pastikan anda menyambungkan pengawal anda ke komputer anda dan kemas kini pemacu pengawal Xbox One anda. Semasa anda melakukannya, pasang juga sebarang kemas kini perisian tegar yang tersedia. 1. Gunakan Angin
Belajar Laravel dari awal: Penjelasan terperinci tentang penggunaan kaedah pengawal
Mar 10, 2024 pm 05:03 PM
Belajar Laravel dari awal: Penjelasan terperinci tentang penggunaan kaedah pengawal Dalam pembangunan Laravel, pengawal adalah konsep yang sangat penting. Pengawal bertindak sebagai jambatan antara model dan pandangan, memproses permintaan daripada laluan dan mengembalikan data yang sepadan kepada paparan untuk paparan. Kaedah dalam pengawal boleh dipanggil melalui laluan Artikel ini akan memperkenalkan secara terperinci cara menulis dan memanggil kaedah dalam pengawal, dan akan memberikan contoh kod khusus. Pertama, kita perlu membuat pengawal. Anda boleh menggunakan alat baris arahan Artisan untuk membuat
Apakah pengawal laravel
Jan 14, 2023 am 11:16 AM
Dalam laravel, pengawal (Controller) ialah kelas yang digunakan untuk melaksanakan fungsi tertentu pengawal boleh menggabungkan logik pemprosesan permintaan yang berkaitan ke dalam kelas yang berasingan. Sesetengah kaedah disimpan dalam pengawal untuk melaksanakan fungsi tertentu Pengawal dipanggil melalui penghalaan, dan fungsi panggil balik tidak lagi digunakan dalam direktori "app/Http/Controllers".
Bagaimana untuk menggunakan rangka kerja CodeIgniter4 dalam php?
May 31, 2023 pm 02:51 PM
PHP ialah bahasa pengaturcaraan yang sangat popular, dan CodeIgniter4 ialah rangka kerja PHP yang biasa digunakan. Apabila membangunkan aplikasi web, menggunakan rangka kerja sangat membantu Ia boleh mempercepatkan proses pembangunan, meningkatkan kualiti kod dan mengurangkan kos penyelenggaraan. Artikel ini akan memperkenalkan cara menggunakan rangka kerja CodeIgniter4. Pasang rangka kerja CodeIgniter4 Rangka kerja CodeIgniter4 boleh dimuat turun dari laman web rasmi (https://codeigniter.com/). Bawah
2022年最新5款的angularjs教程从入门到精通
Jun 15, 2017 pm 05:50 PM
Javascript 是一个非常有个性的语言. 无论是从代码的组织, 还是代码的编程范式, 还是面向对象理论都独具一格. 而很早就在争论的Javascript 是不是面向对象语言这个问题, 显然已有答案. 但是, 即使 Javascript 叱咤风云二十年, 如果想要看懂 jQuery, Angularjs, 甚至是 React 等流行框架, 观看《黑马云课堂JavaScript 高级框架设计视频教程》就对了。
Panduan Kajian Laravel: Amalan Terbaik untuk Panggilan Kaedah Pengawal
Mar 11, 2024 am 08:27 AM
Dalam panduan pembelajaran Laravel, memanggil kaedah pengawal adalah topik yang sangat penting. Pengawal bertindak sebagai jambatan antara penghalaan dan model dan memainkan peranan penting dalam aplikasi. Artikel ini akan memperkenalkan amalan terbaik untuk panggilan kaedah pengawal dan menyediakan contoh kod khusus untuk membantu pembaca memahami dengan lebih baik. Mula-mula, mari kita fahami struktur asas kaedah pengawal. Dalam Laravel, kelas pengawal biasanya disimpan dalam direktori app/Http/Controllers Setiap kelas pengawal mengandungi berbilang
Gunakan PHP dan AngularJS untuk membina tapak web responsif untuk menyediakan pengalaman pengguna yang berkualiti tinggi
Jun 27, 2023 pm 07:37 PM
Dalam era maklumat hari ini, laman web telah menjadi alat penting untuk orang ramai mendapatkan maklumat dan berkomunikasi. Tapak web responsif boleh menyesuaikan diri dengan pelbagai peranti dan memberikan pengguna pengalaman berkualiti tinggi, yang telah menjadi tumpuan dalam pembangunan tapak web moden. Artikel ini akan memperkenalkan cara menggunakan PHP dan AngularJS untuk membina tapak web responsif untuk memberikan pengalaman pengguna yang berkualiti tinggi. Pengenalan kepada PHP PHP ialah bahasa pengaturcaraan sisi pelayan sumber terbuka yang sesuai untuk pembangunan web. PHP mempunyai banyak kelebihan, seperti mudah dipelajari, merentas platform, perpustakaan alat yang kaya, kecekapan pembangunan
Cara menggunakan pengawal untuk mengendalikan permintaan Ajax dalam rangka kerja Yii
Jul 28, 2023 pm 07:37 PM
Dalam rangka kerja Yii, pengawal memainkan peranan penting dalam memproses permintaan. Selain mengendalikan permintaan halaman biasa, pengawal juga boleh digunakan untuk mengendalikan permintaan Ajax. Artikel ini akan memperkenalkan cara mengendalikan permintaan Ajax dalam rangka kerja Yii dan memberikan contoh kod. Dalam rangka kerja Yii, pemprosesan permintaan Ajax boleh dijalankan melalui langkah-langkah berikut: Langkah pertama ialah mencipta kelas pengawal (Pengawal). Anda boleh mewarisi kelas pengawal asas yiiwebCo yang disediakan oleh rangka kerja Yii
