Định tuyến là một khía cạnh quan trọng cần phải lưu ý khi tạo các ứng dụng một trang bằng cách sử dụng . Trong bài này, chúng ta sẽ tự làm quen với khái niệm định tuyến bằng cách sử dụng UI-Router và xem cách stateprovider trong AngularJS hoạt động theo trình tự sau:
Các phương pháp sử dụng Stateprovider trong AngularJS
$ stateProvider được sử dụng để xác định các trạng thái khác nhau của một tuyến đường. Bạn có thể đặt tên cho tiểu bang, bộ điều khiển khác, chế độ xem khác nhau mà không cần phải sử dụng trực tiếp href đến một tuyến đường. Có nhiều phương pháp khác nhau sử dụng khái niệm $ stateprovider trong .
chuyển đổi chuỗi ngày thành ngày
Vì vậy, hãy tiếp tục và thảo luận về các phương pháp khác nhau.
Bộ định tuyến AngularUI
UI-Router là một định tuyến được xây dựng bởi nhóm AngularUI cho AngularJS. Nó được sử dụng để tạo các tuyến đường cho và cung cấp một cách tiếp cận khác với ngRoute. UI-Router tự hào về các tính năng bổ sung và được chứng minh là phù hợp hơn cho các dự án và ứng dụng phức tạp.
Bắt đầu dự án
Trong bước này, chúng tôi nhúng các tệp góc vào đầu.
... ... // Chức năng điều hướng// Nội dung
Logic chính của ứng dụng của chúng tôi là app.js :
var app = angle.module ('angleRoutingEx', ['ui.router'])định tuyến
Để quản lý định tuyến, chúng ta cần thêm $ stateProvider. Trong đoạn mã đưa ra bên dưới, định tuyến giữa trang chính và trang thông tin được hiển thị.
// app.js app.config (function ($ stateProvider, $ urlRouterProvider) {var state = [{name: 'main', url: '/', template: '', controller: function ($ scope, $ stateParams) {$ scope.paramId = $ stateParams.id}}] state.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})flume trong hadoop là gì
Đây là một số khái niệm sử dụng $ stateProvider. Với, điều này, chúng tôi đã đến cuối bài viết của chúng tôi.
Check out của Edureka, một công ty học trực tuyến đáng tin cậy với mạng lưới hơn 250.000 người học hài lòng trải dài trên toàn cầu. Angular là một khung JavaScript được sử dụng để tạo các ứng dụng web phía máy khách có thể mở rộng, doanh nghiệp và hiệu suất. Với việc áp dụng Angular framework đang ở mức cao, việc quản lý hiệu suất của ứng dụng được cộng đồng thúc đẩy gián tiếp thúc đẩy cơ hội việc làm tốt hơn. Khóa đào tạo Chứng chỉ Angular nhằm mục đích bao quát tất cả các khái niệm mới này về Phát triển ứng dụng doanh nghiệp.
Có một câu hỏi cho chúng tôi? Vui lòng đề cập đến nó trong phần nhận xét của blog 'Stateprovider in AngularJS' và chúng tôi sẽ liên hệ lại với bạn.