Приветикус, давно не виделись :) Как поживает проект? Есть ли какие то нововедения и открытия? :)

И вопрос по теме
Есть такой код
<!-- directive: al-repeat item in ds.data.order -->
<div class="content-block-title" al-if="isString(item)">
{{item}}
</div>


<div class="list-block" al-if="!isString(item)">
<ul>
...

al-repeat помещён в комментарий, не в тег, чтобы не было разделителя между div.content-block-title и div.list-block

Но в этом случае получаю в консоли ошибку:
al-if can't control element because of al-repeat Object
и al-if не отрабатывается

Что я делаю не так?

Post has attachment
Как заделать анимацию для свапа элементов
Вот примре https://jsfiddle.net/Nikoniko/ewszjdah/1/
При нажатии на кнопку swap меняются первые два элемента - хочется, чтобы они менялись местами анимировано. По задумке переход в css устанавливается, но не отрабатывает.

Устанавливаю контроллер

alight("#index-page", mainPageCtrl);

Вот начало моего контроллера


function mainPageCtrl(ss) {
var ctrl = this;
ss.ds = dataService;

ss.game = gameData;

function alerto() {
alert("alert");
};

...

Мне требуется вызвать вне контроллера функцию alerto()
Пробую так mainPageCtrl.alerto() - не работает...

Что то случилось непонятка у меня :)

Мне требуется определить ширину блока, если я делаю это вызову через клик кнопки, то ширина отображается нормально
Делаю так:
ss.testSize = function () {
console.log("Size", $$(".game-container").width());
};

Но мне необходимо получить размер в init функции контролера, чтобы построить несколько внутренних блоков исходят из этого размера

Пробую так в
mainPageInit(){
alight.nextTick(function () {
ss.testSize();
});
ss.testSize();
}

но в одном случае выводит 0, а в другом выводится 100 (эторазмер в процентах, заданный в css).

Традиционный вопрос - что я делают не так?

0.14 и Internet Explorer 10 в режиме совместимости с мобильным дейвайсом (document mode WP8.0). Есть ли известные issue? Похоже не работает :class.hidden

А может Alight 0.14 не давать изменить DOM внешним компонентам?

У меня есть объект реализующий виртуальный список. Ему передаёшь данные, а он уже отслеживает что и сколько показать на экране, скроллинг и том у подобное...

A сейчас это не работает, код брал из проекта с 0.12 версией, где это работало нормально.

Посмотрел состояние компонента виртуального списка - все данные он получает, html готовит, но они не отображаются на страничке...

Столкнулся с такой интересной штукой - выводится довольно большой список каталога через al-repeat(). На десктопе скорость выполнения не заметна, но на мобилке задержка ощущается заметно.

Можно ли как то закэшировать результаты первого прогона al-repeat и выводить уже только срендеренный html?

А что сталось в 0.14 c al-show/al-hide/al-css/al-class/al-style????

Вывожу список через
<div al-repeat="(key,value) in catalog orderBy: 'key',reverse" class="catalog">
Выводится в обратном порядке - итемы на Я начинаются раньше A
Убираю reverse
<div al-repeat="(key,value) in catalog orderBy: 'key'" class="catalog">
Выводится в обратном порядке - итемы на Я начинаются раньше A (?!)

убираю orderBy
<div al-repeat="(key,value) in catalog " class="catalog">
Выводится в "смешанном" порядке, т.е. без порядка как и должно быть.

Что я делаю не так? Мне бы получить порядок А-Я или без предварительной сортировки этого не сделать?

Post has attachment
Вопрос про реализацию al-for

Есть у меня маленький проект на vue.js, где выводится много много ячеек и обрабатываются клики по ним.
Суть вопроса расписана в этом топике
https://vk.com/vuejs?w=wall-95810781_1800%2Fall

А почему я хочу тут спросить про реализацию al-for - реально ли сделать, чтобы при изменении нескольких элементов в массиве функция getCellBgColor() вызывалась только для этих ячеек, но не для всех ячеек! А уж почему появляются тормоза при передаче index как параметра функции вообще не понятно!
Wait while more posts are being loaded