Я экспериментировал с knockoutjs, перерабатывая существующий проект.
Мой текущий макет имеет логику для определения того, является ли отображаемый тег <div> первым или четвертым элементом.
if (index % 4 == 0) addClass('omega');
if (index % 4 == 1) addClass('alpha');
Есть ли какие-либо встроенные функции нокаута, которые могут шаблонировать подобные условия?
Несколько вариантов для вас:
ведется работа по добавлению переменной $index при выполнении foreach в нокауте. Это планируется включить в KO 2.1. Запрос на вытягивание находится здесь: https://github.com/SteveSanderson/knockout/pull/182
здесь есть привязка repeat: https://github.com/mbest/knockout-repeat, дает вам лучший доступ к фактическому индексу.
если вы используете observableArray, то есть простой способ создать индекс для каждого элемента.
Это будет выглядеть так:
//track an index on items in an observableArray
ko.observableArray.fn.indexed = function() {
//whenever the array changes, make one loop to update the index on each
this.subscribe(function(newValue) {
if (newValue) {
var item;
for (var i = 0, j = newValue.length; i < j; i++) {
item = newValue[i];
if (!ko.isObservable(item.$index)) {
item.$index = ko.observable();
}
item.$index(i);
}
}
});
this.valueHasMutated();
return this;
};
Вы должны инициализировать observableArray для индексации, например:
this.myArray = ko.observableArray().indexed();
Теперь, когда манипулируют наблюдаемым массивом, он сделает один проход по элементам и исправит индекс. Это лучше, чем внутри вашего foreach каждый раз искать индекс каждого элемента.
