Perutean adalah aspek penting yang mesti diingat semasa membuat aplikasi satu halaman menggunakan . Dalam artikel ini, kita akan membiasakan diri dengan konsep routing dengan menggunakan Penghala UI dan lihat bagaimana stateprovider di AngularJS berfungsi mengikut urutan berikut:
Kaedah menggunakan Stateprovider di AngularJS
$ stateProvider digunakan untuk menentukan keadaan yang berbeza dalam satu laluan. Anda boleh memberikan nama negara, pengawal yang berbeza, pandangan yang berbeza tanpa harus menggunakan langsung href ke laluan. Terdapat kaedah berbeza yang menggunakan konsep $ stateprovider di .
Jadi, mari kita teruskan dan membincangkan kaedah yang berbeza.
Penghala AngularUI
Router UI adalah penghalaan dibina oleh pasukan AngularUI untuk AngularJS. Ia digunakan untuk membuat laluan untuk dan memberikan pendekatan yang berbeza daripada ngRoute. Penghala UI mempunyai ciri-ciri tambahan dan terbukti lebih sesuai untuk projek dan aplikasi yang kompleks.
cara memasang php 7 pada windows 10
Memulakan Projek
Pada langkah ini, kami memasukkan fail sudut di kepala.
... ... // Menu Navigasi// Kandungan
Logik utama aplikasi kami terdapat di app.js :
var app = angular.module ('angularRoutingEx', ['ui.router'])Laluan
Untuk menguruskan penghalaan, kita perlu menambahkan $ stateProvider. Dalam kod yang diberikan di bawah, perutean antara halaman utama dan halaman maklumat ditunjukkan.
// app.js app.config (function ($ stateProvider, $ urlRouterProvider) {var states = [{name: 'main', url: '/', template: '', pengawal: function ($ lingkup, $ stateParams) {$ lingkup.paramId = $ stateParams.id}}] States.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})Ini adalah beberapa konsep yang menggunakan $ stateProvider. Dengan ini, kami telah sampai ke akhir artikel kami.
Clihatlah oleh Edureka, sebuah syarikat pembelajaran dalam talian yang dipercayai dengan rangkaian lebih daripada 250,000 pelajar berpuas hati yang tersebar di seluruh dunia. Angular adalah kerangka kerja JavaScript yang digunakan untuk membuat aplikasi web sisi pelanggan yang berskala, perusahaan, dan prestasi. Dengan penggunaan rangka kerja Angular tinggi, pengurusan prestasi aplikasi digerakkan oleh masyarakat secara tidak langsung mendorong peluang pekerjaan yang lebih baik. Latihan Persijilan Angular bertujuan untuk merangkumi semua konsep baru di sekitar Pembangunan Aplikasi Perusahaan.
Ada soalan untuk kami? Sila sebutkan di bahagian komen di blog 'Stateprovider in AngularJS' dan kami akan menghubungi anda.