AngularJS의 Stateprovider에 대해 알아야 할 모든 것



AngularJS의 StateProvider는 경로에 대한 직접적인 href를 사용하지 않고 한 경로의 다른 상태를 정의하고 이름, 컨트롤러, 다른보기를 제공하는 데 사용됩니다.

라우팅은 다음을 사용하여 단일 페이지 응용 프로그램을 만들 때 염두에 두어야하는 중요한 측면입니다. . 이 기사에서는 다음을 사용하여 라우팅의 개념을 익힐 것입니다. UI-Router AngularJS의 stateprovider가 다음 순서로 어떻게 작동하는지 확인하십시오.

자바 예제의 마커 인터페이스

AngularJS에서 Stateprovider를 사용하는 방법

$ stateProvider는 한 경로의 다른 상태를 정의하는 데 사용됩니다. 직접 사용하지 않고도 상태에 이름, 다른 컨트롤러, 다른보기를 지정할 수 있습니다. href 경로로. $ stateprovider의 개념을 사용하는 다양한 방법이 있습니다. .





Angular Logo-angularjs의 Stateprovider-한국

그럼 계속해서 다른 방법에 대해 논의 해 보겠습니다.



AngularUI 라우터

UI-Router는 라우팅입니다. AngularJS를 위해 AngularUI 팀이 구축했습니다. 경로를 만드는 데 사용됩니다. ngRoute와 다른 접근 방식을 제공합니다. UI-Router 추가 기능을 자랑하며 복잡한 프로젝트 및 응용 프로그램에 더 적합합니다.

자바 스크립트의 배열 크기

프로젝트 시작

이 단계에서는 각진 파일을 머리에 삽입합니다.

... ... // 탐색 메뉴// 내용

우리 응용 프로그램의 주요 논리는 app.js :



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

라우팅

라우팅을 관리하려면 $ stateProvider를 추가해야합니다. 아래 주어진 코드에서 메인 페이지와 정보 페이지 사이의 라우팅이 표시됩니다.

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

다음은 $ stateProvider를 활용하는 몇 가지 개념입니다. 이것으로 우리는 우리 기사의 마지막에 왔습니다.

자바에서 명시 적 유형 캐스팅

도대체 전 세계에 250,000 명 이상의 만족 한 학습자 네트워크를 보유한 신뢰할 수있는 온라인 학습 회사 인 Edureka에서 Angular는 확장 가능한 엔터프라이즈 및 성능 클라이언트 측 웹 애플리케이션을 만드는 데 사용되는 JavaScript 프레임 워크입니다. Angular 프레임 워크 채택률이 높아짐에 따라 애플리케이션의 성능 관리는 커뮤니티 주도로 간접적으로 더 나은 취업 기회를 창출합니다. Angular 인증 교육은 엔터프라이즈 애플리케이션 개발과 관련된 이러한 모든 새로운 개념을 다루는 것을 목표로합니다.

질문이 있으십니까? 'AngularJS의 Stateprovider'블로그의 댓글 섹션에 언급 해 주시면 다시 연락 드리겠습니다.