AngularJS'de Stateprovider Hakkında Bilmeniz Gereken Her Şey

AngularJS'deki StateProvider, bir rotanın farklı durumlarını tanımlamak ve bir rotaya doğrudan href kullanmadan bir ad, denetleyici, farklı görünüm vermek için kullanılır.

Yönlendirme, kullanarak tek sayfalı uygulamalar oluştururken akılda tutulması gereken önemli bir husustur. . Bu yazıda, kullanarak kendimizi yönlendirme kavramına alıştıracağız. UI Yönlendirici ve AngularJS'deki stateprovider'ın aşağıdaki sırayla nasıl çalıştığını görün:



AngularJS'de Stateprovider kullanan yöntemler

$ stateProvider, bir rotanın farklı durumlarını tanımlamak için kullanılır. Doğrudan kullanmak zorunda kalmadan devlete bir ad, farklı denetleyici, farklı bir görünüm verebilirsiniz. href bir rotaya. $ Stateprovider kavramını kullanan farklı yöntemler vardır. .



Angular Logo - stateprovider in angularjs - edureka

Öyleyse, devam edip farklı yöntemleri tartışalım.



AngularUI Yönlendirici

UI-Router bir yönlendirmedir AngularJS için AngularUI ekibi tarafından oluşturulmuştur. Rota oluşturmak için kullanılır ve ngRoute'den farklı bir yaklaşım sağlar. UI Yönlendirici ekstra özelliklere sahiptir ve karmaşık projeler ve uygulamalar için daha uygun olduğunu kanıtlar.

Projeyi Başlatma

Bu adımda, köşeli dosyaları kafaya yerleştiriyoruz.

... ... // Navigasyon Menüsü// İçerik

Uygulamamızın ana mantığı şu şekildedir: app.js :



var app = angular.module ('angularRoutingEx', ['ui.router'])

Yönlendirme

Yönlendirmeyi yönetmek için $ stateProvider eklememiz gerekiyor. Aşağıda verilen kodda ana sayfa ile bilgi sayfası arasındaki yönlendirme gösterilmektedir.

// app.js app.config (function ($ stateProvider, $ urlRouterProvider) {var state = [{name: 'main', url: '/', şablon: '', controller: function ($ kapsam, $ stateParams) {$ kapsam.paramId = $ stateParams.id}}] state.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})

Bunlar $ stateProvider'ı kullanan kavramlardan bazıları. Bununla birlikte yazımızın sonuna geldik.

java'da bir nesne dizisi oluşturmak

Ckontrol et Dünya çapında 250.000'den fazla memnun öğrenciden oluşan bir ağa sahip güvenilir bir çevrimiçi öğrenme şirketi olan Edureka tarafından. Angular, ölçeklenebilir, kurumsal ve performanslı istemci tarafı web uygulamaları oluşturmak için kullanılan bir JavaScript çerçevesidir. Angular çerçevesi benimsenmesi yüksek olduğundan, uygulamanın performans yönetimi topluluk tarafından dolaylı olarak daha iyi iş fırsatlarını yönlendirir. Angular Sertifikasyon Eğitimi, Kurumsal Uygulama Geliştirme ile ilgili tüm bu yeni kavramları kapsamayı amaçlamaktadır.

Bizim için bir sorunuz mu var? Lütfen 'Stateprovider in AngularJS' blogunun yorumlar bölümünde bundan bahsedin, size geri döneceğiz.