Perutean adalah aspek penting yang harus diingat saat membuat aplikasi satu halaman menggunakan . Pada artikel ini, kita akan membiasakan diri dengan konsep routing dengan menggunakan UI-Router dan lihat bagaimana stateprovider di AngularJS bekerja dalam urutan berikut:
Metode menggunakan Stateprovider di AngularJS
$ stateProvider digunakan untuk menentukan status berbeda dari satu rute. Anda dapat memberi nama negara, pengontrol berbeda, tampilan berbeda tanpa harus menggunakan langsung href ke sebuah rute. Ada beberapa metode berbeda yang menggunakan konsep $ stateprovider in .
parsing file xml di java
Jadi, mari kita lanjutkan dan diskusikan metode yang berbeda.
AngularUI Router
UI-Router adalah perutean dibangun oleh tim AngularUI untuk AngularJS. Ini digunakan untuk membuat rute untuk dan memberikan pendekatan yang berbeda dari ngRoute. UI-Router membanggakan fitur tambahan dan terbukti lebih cocok untuk proyek dan aplikasi yang kompleks.
Memulai Proyek
Pada langkah ini, kami menyematkan file sudut di head.
... ... // Menu navigasi// Kandungan
Logika utama aplikasi kita ada di app.js :
var app = angular.module ('angularRoutingEx', ['ui.router'])
Rute
Untuk mengelola perutean, kita perlu menambahkan $ stateProvider. Dalam kode yang diberikan di bawah ini, perutean antara halaman utama dan halaman info ditampilkan.
// app.js app.config (function ($ stateProvider, $ urlRouterProvider) {var states = [{name: 'main', url: '/', template: '', controller: function ($ scope, $ stateParams) {$ scope.paramId = $ stateParams.id}}] state.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})
Ini adalah beberapa konsep yang memanfaatkan $ stateProvider. Dengan ini, kita sampai pada akhir artikel kita.
Clihat saja oleh Edureka, perusahaan pembelajaran online tepercaya dengan jaringan lebih dari 250.000 pelajar yang puas dan tersebar di seluruh dunia. Angular adalah kerangka kerja JavaScript yang digunakan untuk membuat aplikasi web sisi klien yang skalabel, perusahaan, dan kinerja. Dengan adopsi kerangka kerja Angular yang tinggi, manajemen kinerja aplikasi didorong oleh komunitas secara tidak langsung mendorong peluang kerja yang lebih baik. Pelatihan Sertifikasi Angular bertujuan untuk mencakup semua konsep baru ini seputar Pengembangan Aplikasi Perusahaan.
Ada pertanyaan untuk kami? Harap sebutkan di bagian komentar di blog “Stateprovider di AngularJS” dan kami akan menghubungi Anda kembali.