См. комментарии в коде примера.
...
<!-- HTML шаблон -->
<ul>
<li></li>
</ul>
<script>
var data = {
legs:4,
animals:[
{name:'dog', legs:4},
{name:'cat', legs:4},
{name:'bird', legs:2},
{name:'mouse', legs:4}
]
};
// Директивы шаблонизатора
var directive = {
'li':{
'animal<-animals':{
'.':'animal.name'
},
sort:function(a, b){
return a.name > b.name ? 1 : -1;
},
// Текущий объект на каждой итерации доступен
// через свойство item параметра функции.
// Функция должна возвращать Boolean (true, false).
// Если функция возвращает false, объект пропускается.
filter:function(a){
return a.context.legs === a.item.legs;
}
}
};
$('ul').render(data, directive);
</script>
...
Комментариев нет:
Отправить комментарий