Tôi đang sử dụng định tuyến AngularUI và tôi muốn thực hiện ng-class="{active: current.state}"
nhưng tôi không chắc chắn cách phát hiện chính xác trạng thái hiện tại trong chỉ thị như thế này.Cách phát hiện trạng thái hiện tại trong chỉ thị
Trả lời
Ngoài ra bạn có thể sử dụng ui-sref chủ động chỉ:
<ul>
<li ui-sref-active="active" class="item">
<a href ui-sref="app.user({user: 'bilbobaggins'})">@bilbobaggins</a>
</li>
<!-- ... -->
</ul>
Hoặc lọc: "stateName" | isState
& "stateName" | includedByState
Kiểm tra góc-ui, cụ thể, kiểm tra tuyến đường: http://angular-ui.github.io/ui-utils/
Cập nhật:
Câu trả lời này là cho một phiên bản cũ hơn nhiều Ui-Router. Đối với các bản phát hành mới hơn (0.2.5+), vui lòng sử dụng chỉ thị trợ giúp ui-sref-active
. Chi tiết here.
gốc trả lời:
Bao gồm các dịch vụ nhà nước $ trong điều khiển của bạn. Bạn có thể gán dịch vụ này cho một thuộc tính trên phạm vi của bạn.
Một ví dụ:
$scope.$state = $state;
Sau đó, để có được tình trạng hiện tại trong các mẫu của bạn:
$state.current.name
Để kiểm tra xem tình trạng là hiện nay đang hoạt động:
$state.includes('stateName');
Phương pháp này lợi nhuận đúng nếu trạng thái được bao gồm, ngay cả khi nó là một phần của trạng thái lồng nhau. Nếu bạn ở trạng thái lồng nhau, user.details
và bạn đã kiểm tra $state.includes('user')
, nó sẽ trả về giá trị true.
Trong ví dụ lớp học của bạn, bạn muốn làm điều gì đó như thế này:
ng-class="{active: $state.includes('stateName')}"
Còn trạng thái có thông số thì sao? –
https://github.com/angular-ui/ui-router/wiki/Quick-Reference#stateincludesstatename--params –
Nếu bạn đang sử dụng ui-router, hãy thử $ state.is();
Bạn có thể sử dụng nó như vậy:
$state.is('stateName');
Việc sử dụng ui-sref chủ động chỉ thị mà làm việc đối với tôi là:
<li ui-sref-active="{'active': 'admin'}">
<a ui-sref="admin.users">Administration Panel</a>
</li>
như được tìm thấy here trong nhận xét có nhãn "tgrant59 đã nhận xét vào ngày 31 tháng 5 năm 2016".
Tôi đang sử dụng angular-ui-router v0.3.1.
- 1. Trạng thái phát hiện phát hiện vấn đề trong DataGridView
- 2. Phát hiện trạng thái nguồn USB
- 3. Phát hiện trạng thái cuộc gọi trong iOS4
- 4. Cách nhận trạng thái hiện tại từ lớp bbv.Common.StateMachine (hiện tại là Appccelerate.StateMachine)?
- 5. phát hiện trạng thái không hoạt động silverlight 4 application
- 6. Trạng thái hiện tại của GWT là gì?
- 7. Trạng thái đóng cửa hiện tại trong Java là gì?
- 8. Phát hiện jquery-ui accordion trạng thái mở/đóng
- 9. Phát hiện trạng thái video Youtube từ JavaScript
- 10. SignalR: phát hiện trạng thái kết nối trên máy khách
- 11. Mã trạng thái vỏ trong thực hiện
- 12. Trạng thái hiện tại của PocoCapsule là gì?
- 13. C++ Qt: Kiểm tra trạng thái hiện tại của QStateMachine
- 14. Trạng thái hiện tại của nhận dạng cử chỉ tay OpenCV?
- 15. Phát hiện các thay đổi trạng thái được thực hiện cho BluetoothAdapter?
- 16. phát hiện trạng thái hiện tại của một con chuột trong javascript hoặc jquery tức là xuống hoặc lên
- 17. Vim: Cách phát hiện chế độ mà người dùng ở trong trạng thái nào?
- 18. Trạng thái hiện tại của Mono trên Linux?
- 19. Trạng thái hiện tại của đặc tả Cookie2 là gì?
- 20. Hỗ trợ SVG trên Android, trạng thái hiện tại
- 21. Có ai biết trạng thái hiện tại của Graphics32 không?
- 22. Đuôi trạng thái (chỉ hiển thị các dòng mới từ lần thực hiện cuối cùng)
- 23. Cách phát hiện trình duyệt thu nhỏ và tối đa hóa trạng thái trong javascript
- 24. Trạng thái hiện tại của thuật toán nén chỉ văn bản là gì?
- 25. trạng thái phát và thoát
- 26. Sẽ chạm vào được phát hiện trong khi Chế độ xem ở trạng thái ẩn?
- 27. Làm cách nào để nhận trạng thái hiện tại của Caps Lock trong VB.NET?
- 28. Có thể tìm khoảng cách từ dưới lên đến trạng thái cuộn hiện tại trong jquery
- 29. Phát hiện Thay đổi trạng thái pin ở mọi tỷ lệ phần trăm trong android
- 30. Làm cách nào để phát hiện trạng thái Hết bộ nhớ?
Tôi đang cố kiểm tra trạng thái hiện tại, không nhất thiết phải là tuyến đường – Webnet