Tôi đang cố gắng điều kiện thay đổi lớp của phần tử được lồng trong một danh sách không có thứ tự.sử dụng chỉ thị góc để thay đổi các lớp của các phần tử ng-repeat
Khi không sử dụng ng-repeat để tạo danh sách, tôi có thể sử dụng bộ chọn jqlite .children() để tìm phần tử chính xác và thay đổi lớp.
Tuy nhiên tôi đang sử dụng ng-lặp lại để tạo danh sách và tôi không thể tìm ra cách truy cập phần tử danh sách cụ thể mà tôi muốn. .children() luôn trả về không xác định.
đây là một jsfiddle về những gì tôi đang cố gắng để làm http://jsfiddle.net/whitehead1415/ENtTC/3/
app.directive('myDirective1', function() {
return {
restrict: 'A',
link: function ($scope, element, attrs, controller) {
//for some reason element.children()[0] is undefined
//why? what can I do about it?
angular.element(element.children()[0]).css('background', 'grey')
}
};
});
tôi cần để có thể thay đổi các lớp dựa trên 2 điều
- khi người dùng nhấp vào cụ thể yếu tố cần phải làm nổi bật
- khi người dùng nhấp vào nút là phần tử tiếp theo sẽ được đánh dấu (nút đó không được bao gồm trong jsfiddle)
Tôi nghĩ về việc đưa các chỉ thị trên mỗi phần tử danh sách, nhưng vấn đề duy nhất là tôi không biết làm thế nào để làm cho họ tất cả nhận thức lẫn nhau vì vậy chỉ một yếu tố được nhấn mạnh tại một thời điểm
nhờ làm việc này! ai đó trong danh sách gửi thư góc nói với tôi điều tương tự. – whitehead1415