2014-04-04 17 views
5

Trang đích thường hoàn toàn khác với giao diện của các trang khác.AngularJs và trang đích

Về cơ bản, với cơ chế định tuyến mặc định của góc, index.html có thể có ng-view để hiển thị các trang khác nhau.
Không có khái niệm về "điều kiện" với chế độ xem ng này.

Thật vậy, điều gì sẽ xảy ra nếu tôi muốn chỉ định một số thanh điều hướng cho tất cả các trang nhưng trang đích?

Tôi có nên "bao gồm" thanh điều hướng cho từng mẫu đó, vi phạm nguyên tắc DRY không?

+1

Hoặc không sử dụng góc cạnh cho trang đích. Chỉ cần đưa họ đến ứng dụng của bạn sau khi họ nhấp vào gọi hành động hoặc * tiếp tục đến trang web * –

+0

@ ogc-nick Tôi đã nghĩ về điều này, nhưng tại sao buộc phải làm mới nếu giải pháp Góc có thể tồn tại. Trải nghiệm người dùng có thể được cải thiện (không có CSS, JS để tìm nạp lại v.v.) – Mik378

+0

Trong trường hợp cụ thể, trang đích của tôi không phải là trang tĩnh và tôi muốn có quyền truy cập vào các tính năng góc. –

Trả lời

1

tôi đã làm điều đó bằng cách sử dụng góc-ui-router https://github.com/angular-ui/ui-router/wiki

Với góc UI Router Bạn có thể xác định các quốc gia thay vì nhưng bạn cần phải pub/sub nhà nước trở lại thành phần điều hướng của bạn.

Bộ định tuyến ui góc cho phép bạn sắp xếp tổ để bạn không cần phải đặt điều hướng bên ngoài chế độ xem sẽ dẫn đến việc tải lại trang đang ở ngoài chế độ xem của bạn.

Chỉ cần một bộ định tuyến ui lưu ý đang sử dụng chỉ thị ui-sref để điều hướng thay vì ng-href. Điều này có thể là rất nhiều công việc cho reforging dự án của bạn Nhưng tôi tin rằng nó có giá trị nó.

Giới thiệu về cách thay đổi Điều hướng của bạn. Bạn có thể điều hướng được bao bọc trong chỉ thị ng-if hoặc ng-show hoặc bạn có thể có một mẫu cơ bản hoàn toàn khác trên trạng thái /,/home của bạn.

Chúc mừng

+0

Thực ra, kịch bản thực sự của tôi là tôi có một thanh điều hướng khác (thành phần của bootstrap) cho trang đích của tôi. Vì vậy, tôi đã chơi với vị trí hiện tại trong một 'ng-class' để hiển thị hoặc ẩn các lớp được mong đợi, nếu người dùng ở trên trang đích hoặc người khác. Tuy nhiên, trong một số circonstance, khi Angular vẫn chưa được tải, tôi có một số chậm trễ để hiển thị thanh điều hướng bên phải. (Sử dụng ng-cloak sẽ không được rất UX) Hy vọng Angular ui-router có thể giúp :) – Mik378

+0

Nếu bạn đang phụ thuộc nhiều vào bootstrap có một cái nhìn trên http://angular-ui.github.io/bootstrap/ đó. Tôi đề xuất chỉ thị thanh điều hướng hoặc chế độ xem, tùy theo điều nào dễ dàng hơn cho bạn. –

+0

Có tôi sử dụng nó cho các thành phần khác như modals, ngoại trừ thanh điều hướng, không mang lại lợi ích đặc biệt. Điều đó sẽ không làm thay đổi lựa chọn của giải pháp của bài đăng này bằng cách này :) => Tôi sẽ có cùng một vấn đề – Mik378

Các vấn đề liên quan